作成日：2024年07月29日
QRコードを作成する方法（JS利用）
どうも、にゃん太です
今回のメモでは、QRコードの作成方法について書いていきます
アドオンではQRコードは作成できない
前回、アドオンを利用したバーコード作成方法を解説しました
アドオンでは、作成するバーコード形式を選択する事ができるのですが、よく見るとQRコードがリストに含まれていません
QRコードはよく使用するバーコードですので、使用できるようにしたい！
という事で、自作する事にします
JavaScriptライブラリを使用する
さて、自作するといっても、本当に１から作成するのは大変ですので、既存のライブラリを使用しましょう
ライブラリは色々あると思いますが、ここでは「qrcode.js」を使用させて頂く事にします
ファイルをダウンロードして解凍すると「qrcode.min.js」というファイルがありますので、こちらを使用します
WEBビューアからファイルを呼び出してもよいのですが、ここでは一旦「QRcode.js」というテキストフィールドを作成し、そこに張り付ける事にします
※MITライセンスなので、著作表示もついでにコピーしてあります
WEBビューアの設定
それでは、本体となるWEBビューアを設置します
必要な記述は、先ほどの「qrcode.js」に記載してありますので、それに準じて記載します
WEBビューア
"data:text/html, <div id='qrcode'></div> <script type='text/javascript'> " & test::QRcode.js & " new QRCode(document.getElementById('qrcode'), '" & test::バーコード基数 & "');</script>"
これだけでQRコードが生成されます
※「QRコード」は株式会社デンソーウェーブの登録商標です
以上で今日のメモ書きは終了です
内容はいかがでしたか？
もしご意見やご要望、誤りの指摘などありましたら、下記フォームよりお気軽にご連絡ください