QRコードを簡単に作る

また jQuery になるが、 jquery-qrcode が簡単だった。

<div id="code"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</script>
<script src="https://jeromeetienne.github.io/jquery-qrcode/src/qrcode.js"></script>
<script src="https://jeromeetienne.github.io/jquery-qrcode/src/jquery.qrcode.js"></script>
<script>
$('#code').qrcode('https://www.google.co.jp/search?hl=ja&authuser=0&biw=1286&bih=870&tbm=isch&sa=1&q=%E3%81%B2%E3%81%A4%E3%81%98&oq=%E3%81%B2%E3%81%A4%E3%81%98&gs_l=psy-ab.3..0l3j0i4k1l5.1687.3842.0.4156.18.14.3.0.0.0.181.1362.4j8.12.0....0...1.1j4.64.psy-ab..6.11.999.0.iPUpvsk3i7Y')
</script>

この例では google の検索に飛ばしているが、 mailto とかもできる。メールのテンプレートとかをこれで共有して、メールを打たせるとかにも使えるかも。

なお、QR コードリーダーは LINE 付属のが最も多くの人がすぐに使える気がする。

引数は jquery.qrcode.js#L10 を見るとすぐにわかると思う。

また、ほぼ同じ使い方ができる jQuery なしで使える render-qrcode なんていうものが派生で既存だったりもする。