タグ「Japanese」が付けられているもの

Google Chart API の QRCode 生成機能で日本語を通す方法 - 研究室

恥ずかしながら、つい最近まで Google Chart API でQRコードが生成できるの知りませんでした。

ということで、色々試してみました。
↓この画像は同APIで生成したものです。(半角カナで「ハロー ワールド」と表示されます)

ハロー ワールド

普通にURLだけをエンコードするだけなら手軽で簡単なのですが、上記のように日本語や半角カナを入れ込もうとするとちょっとコツが必要だったので、メモを残しておきます。

書式

結論から書けば、書式としては以下の通り。

http://chart.apis.google.com/chart?chs=200x200&cht=qr&chld=M|4&
choe=Shift_JIS&
chl=%EF%BE%8A%EF%BE%9B%EF%BD%B0...《後略》

(説明の都合上複数行に分割していますが、実際には1行です)

ポイントは2つ。

  • choe
    出力文字コードの指定。「Shift_JIS」を指定。
  • chl
    内容。文字列のエンコードはUTF-8で与えます。

chs(サイズ指定)、cht(「qr」を指定)、chld(エラー訂正レベルと余白のサイズを指定)はドキュメント化されているとおりです。

なお上記では説明のため、指定しているテキストはURIエンコードしていますが、ブラウザのロケーションバーに直接入力する場合は、最近のブラウザならきちんとUTF-8で送信してくれるのでエンコード不要な場合が多いです。ただしHTML中に記述する場合はエンコードした方が無難です。

以下、もう少し技術的に突っ込んだ解説(読み飛ばしOK)。

dopvSTAR* 検索結果文字化け対策 - 研究室

アクセス解析ツール「dopvSTAR*」を使用していますが、検索キーワード等に文字化けがよく出ていました。
google等の検索キーワードのように、UTF-8エンコードで渡ってくる文字列の場合に発生しているようです。
解決方法も判明したので、メモを残しておきます。
※以下は、MovableTypeを使用している場合に特化した説明です。

無理矢理 Jcode.pm 対応方法(無保証)を参考にしました。)

(導入環境等は、過去記事 dopvSTAR* 導入メモをご覧ください。)

(対象:MT3.0以上(3.3対応)、MT3.2で確認)

ブログ

研究室
書斎

タグクラウド

最近のブログ記事

Ruby東海第15回勉強会
研究室ブログ上
【覚書】[Ruby]続・トップレベルに定義したメソッドと同名のメソッドをクラスで定義した場合
研究室ブログ上
第39回FLOSS桜山勉強会
研究室ブログ上