QRコードをページに埋め込めるjQueryプラグイン「jquery.qrcode.js」

サイト内にQRコードを埋め込みたい。
そんな時に使えるのが「jquery.qrcode.js」。

指定のdivにURLやテキストなどのパラメータを指定するだけQRコードを表示してくれるjQueryプラグインだ。

QRコードの表示には外部のAPIは使用せずに全てJavaScriptで実装されているので、業務案件でも使えそうです。

使い方

使い方は非常に簡単です。
まずは、ライブラリを読み込みます。

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

表示させたい場所に空のdivを作成します。

divにQRコードに埋め込みたいテキストを指定します。

jquery('#qrcode').qrcode("this plugin is great");

これだけで完了です。簡単ですね。

日本語文字列はうまく表示できませんでしたので、URLだけを表示させたい場合なんかに良さそうです。
興味のある方は下のリンクからダウンロードください。