スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。

QRコード生成ツール

update : 2018/11/04

QRコード生成ツールです。
任意の生成するQRコード画像のサイズと文字列を入力し、「生成」ボタンを押下すると、文字列を組み込んだQRコードを生成します。

QRコード生成ツール



最近、お仕事で細々としたテキストをPCからスマートフォンに移動しなければならない場面が多く、何かよい方法がないかとリサーチしてると、みなさん結構QRコードを活用してるんですね。

その後、さまざまなサイトのQRコード生成ツールを活用させてもらっていたのですが、ふと、自分でも簡単に作れるものなのかと思い、調べて作ってみました。

はじめはPHPのライブラリなどを探していたのですが、なんとJavaScriptだけで生成できるんですね。
jquery.qrcode.js

こちらのライブラリを活用させもらって、上のツールを作ってみました。

また、ライブラリの使い方は以下の通りです。
まず、ライブラリを読み込みます。

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

次に生成したQRコードを出力する枠を用意します。

<div id="qr_code"></div>

最後にスクリプトを実行します。

$('#qr_code').qrcode({width: (画像幅), height: (画像高), text: (埋め込むテキスト)});

すごい簡単なんですね。知らなかった。

B!

Comment

Comment Form

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Monthly Archives