jQueryでQRコードを生成する方法

QRコードは、2次元コードの一種で、テキストやURLなどの情報を記録できます。スマートフォンのカメラで読み取ることで、すぐに情報を取得できるのが便利です。

jQueryでQRコードを生成するには、jQuery.qrcode.jsというライブラリを使用します。このライブラリは、文字列を渡すとQRコードを生成してくれる便利なライブラリです。

QRコードの生成方法
サンプルコード
オプション
まとめ

QRコードの生成方法

QRコードの生成方法は、次のとおりです。

jQuery.qrcode.jsをダウンロードして、Webサイトにアップロードする。
HTMLにQRコードを表示する要素を用意する。
jQueryでqrcode()関数を呼び出し、QRコードを生成します。

サンプルコード

次のコードは、URLをGoogleに設定したQRコードを生成します。

<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>QRコード生成</title>
</head>
<body>
  <div id="qrcode"></div>

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

  <script>
    $(function(){
      // QRコードのサイズを100x100にする
      $('#qrcode').qrcode('https://www.google.com/', {
        width: 100,
        height: 100
      });
    });
  </script>
</body>
</html>