QRスマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですがさくっとQRコードを作れる手軽なツールがいまいち見当たらなかったのでjQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。GENERATOR]変換するURLを画面上にあるフォームに入力すると下記にQRコードが表示されます。(入力フォームの値を変えるごとにリアルタイムにQRが変換されます。)ちょっとしたオプションとして「▼」ボタンを押すとQRコードのサイズ(デフォルトでは200×200)や色、CANVASモードで生成するかTABLEモードで作成するか、それぞれ選択できます。(HTML5に対応していないブラウザではTABLEモードでQRを表示することが可能)CANVASモードでは生成したQRコードの下に表示されるボタンからPNG形式の画像で保存することも出来ます。・保存の際には右クリックからリンク先対象を保存を選択します。・ボタンを左クリックするとQRコードのみが別枠で表示されるのでそれを保存させることも可。以前もここでjQueryを使ってQRコードを作成するツールを作って紹介しましたがより手軽にQRコードを作成できる流れになっています。QRコード生成には「jQuery.qrcode」jQueryプラグインを使用しています。dynamically・larsjung.deQRコードを手軽に作成する際にぜひ。GENERATOR」を作ってみた。※コメントにHTMLタグを直接入力しないでください。※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。