スマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですが
さくっとQRコードを作れる手軽なツールがいまいち見当たらなかったので
jQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。
(ただ自分で使うために作ったものになりますが・・・)

QRコード作成 [QR CODE GENERATOR]


QRコード作成 [QR CODE GENERATOR]

変換するURLを画面上にあるフォームに入力すると
下記にQRコードが表示されます。
(入力フォームの値を変えるごとにリアルタイムにQRが変換されます。)

ちょっとしたオプションとして「▼」ボタンを押すと
QRコードのサイズ(デフォルトでは200×200)や色、
CANVASモードで生成するかTABLEモードで作成するか、
それぞれ選択できます。
(HTML5に対応していないブラウザではTABLEモードでQRを表示することが可能)

CANVASモードでは生成したQRコードの下に表示されるボタンから
PNG形式の画像で保存することも出来ます。
・保存の際には右クリックからリンク先対象を保存を選択します。
・ボタンを左クリックするとQRコードのみが別枠で表示されるのでそれを保存させることも可。

以前もここでjQueryを使ってQRコードを作成するツールを作って紹介しましたが
より手軽にQRコードを作成できる流れになっています。

QRコード生成には「jQuery.qrcode」jQueryプラグインを使用しています。
jQuery.qrcode・generate QR codes dynamically・larsjung.de

QRコードを手軽に作成する際にぜひ。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (1)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

QRコードを手軽に作成するツール「QRコード作成 [QR CODE GENERATOR]」作ってみました

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner