「開発者向け」QRコードを簡単に作成する方法

今回はいろいろな場面で利用されているQRコードの作成方法をご紹介致します。

jQueryのライブラリ［jquery.qrcode.js］

今回利用するのは表際のライブラリを利用するとものすごく簡単にQRコードが作成できるので是非利用してみてください。

以下のgithubよりライブラリをインストールしてください。

以下のコードを該当のHTML内に記述してください。
※必ずjQuery本体を先に記述してください。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="jquery.qrcode.min.js"></script>

次に以下のコードをQRコードを表示したい場所に記述してください。

<div id="qrcode"></div>

最後に以下のコードを記述してください。
textには埋め込みたい内容を記述してください。今回はご覧頂いているこのサイトのトップページのリンクを埋め込んでいます。

<script>
jquery('#qrcode').qrcode(text: "digital-ocean-blog.com");
</script>

以上でQRコードの完成です。
簡単に実装できますので是非利用してみてください。