ウェブ屋の備忘録

日々の業務で工夫していることや便利なツール、新たに得た知識などを共有しています。

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

f:id:webbibouroku:20160112163730j:plain

[html] http://chart.apis.google.com/chart?chs=150x150&choe=Shift_JIS&cht=qr&chl=WEBSITEURL [/html]

上記ソースのWEBSITEURLの部分をQRコード化したいURLに変更します。

例えばウェブ屋の備忘録のQRを作成したい場合は、

[html] http://chart.apis.google.com/chart?chs=150x150&choe=Shift_JIS&cht=qr&chl=http://webbibouroku.hatenadiary.jp/ [/html]

とします。

それをイメージタグのsrc属性に入れてあげます

[html] <img src="http://chart.apis.google.com/chart?chs=150x150&choe=Shift_JIS&cht=qr&chl=http://webbibouroku.hatenadiary.jp/ [/html]

すると、こんなふうに。

ほら、言ったやろ。