Home > 開発ツール・技術 > Google Chart APIを使ってブックマーク機能付きQRコードを生成するための手順まとめ

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

doco

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

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

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

では早速その手順をば。

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

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

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

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

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

    » 作ろうiモードコンテンツ:ブックマーク登録機能 | サービス・機能 | NTTドコモ

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

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

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

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

    » デベロッパー ガイド – Google Chart API – Google Code

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

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

↑ 大丈夫かな・・・。

R0013059

↑ ちゃんと読み取れた!

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

@taguchiをフォロー!
Twitterもやっています!
Posted on August 17th, 2009 and last modified on August 16th, 2009.

Comments:1

JBB01160 09-08-19 (Wed) 12:45

いつも楽しく拝見させていただいています。
「QRコードを使う場合は~」について一点気が付いたのですが、
「QRコード」という言葉を掲載するときには、という意味ですよね?
「QRコードパターン」は登録商標ではないので。
http://www.denso-wave.com/qrcode/faq.html

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.ideaxidea.com/archives/2009/08/qrcode_and_bookmark.html/trackback
Listed below are links to weblogs that reference
Google Chart APIを使ってブックマーク機能付きQRコードを生成するための手順まとめ from IDEA*IDEA ~ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > Google Chart APIを使ってブックマーク機能付きQRコードを生成するための手順まとめ

最近の記事
カテゴリー別
過去記事一覧

Return to page top