Google Chart APIを使ってブックマーク機能付きQRコードを生成するための手順まとめ

doco

ちょっとはまったのでメモしておきます。

docomo限定になりますが、QRコードから直接ブックマークさせたいときってありますよね。そうしたQRコードを生成するための方法です。

なお、生成にはGoogle Chart APIを使います。これ以外の選択肢はちょっとありえない・・・すごい便利（まぁ、状況がそうさせない場合もありますが）。

では早速その手順をば。

ブックマーク登録させるための記法は以下のとおり。タイトルとURLは適宜変えてください。

MEBKM:TITLE:タイトル;URL:URL;;

最初の「MEBKM:」と最後の「;」を忘れずに・・・なんで最後は「;;」なんだろ・・・。あと改行は入れてはいけません。

なお、文字コードはこのあとGoogle Chart APIに突っ込むのでUTF-8にしておきます。

あと一応docomoにもリンク貼っておこう。

次にGoogle Chart API用のコードを作っていきます。これをimgタグのsrcに入れ込みます。


http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=MEBKM:.....&choe=Shift_JIS

「chl=」にはさきほど作った文字列をつっこみます。なお、最後の「choe=Shift_JIS」は出力用の文字コードですね。これを忘れると文字化けしますよ。

あとサイズとかは適当に変えてください。その他のオプションは以下からどうぞ。

QRコードを使う場合は「※ QRコードは株式会社デンソーウェーブの登録商標です」とどこかに記載しておくのを忘れずに。

ここまで出来たら一応テスト。表示されるかな。

↑ 大丈夫かな・・・。

R0013059

↑ ちゃんと読み取れた！

ケータイ向けサービスなんかを作っている人は参考にしてみてくださいな、と。

百式管理人のライフハックブログ