--- title: Google Chart API を使用したQRコード生成 tags: jQuery GoogleChartAPI HTML CSS author: su8 slide: false --- ## そもそも Google Chart は何者なのだろうか?  簡単にまとめれば、無料で使えるグラフィックツール。  棒グラフ、折れ線グラフなどの基本的なグラフに加えて、地理グラフのようなリッチなコンテンツも提供されており、パラメータを指定するだけで簡単に作成できる。  詳しくは下記公式サイト参照 ─[公式サイト](https://developers.google.com/chart/) ##Google Chart API の Image APIを使用してQRコードを生成する  現在非推奨のため、サービスが停止される可能性もあり、そのあたりは注意。 **基本のフレーム** http://chart.apis.google.com/chart?  上記Root URIにパラメータを指定していく **セットするもの** | パラメータ       | 必須/オプション         |  内容  | |:-----------------|------------------:|:----------------------------:| | cht | 必須| Chart Typeを指定する。QRコードの場合はcht=qrと指定。| | chs | 必須| Chart Sizeを指定する。幅x高さ。 | | chl | 必須 | エンコードするデータを指定する。 | | choe | オプション | Chart Output Encodingを指定する。日本語対応の場合はShift_JISを指定。 | | chld | オプション | エラー訂正のレベルを指定。 | [公式リファレンス](https://developers.google.com/chart/infographics/docs/qr_codes) **試しにQiitaに飛ばすQRコードを生成してみる** https://chart.apis.google.com/chart?cht=qr&chs=300x300&choe=Shift_JIS&chl=https://qiita.com **プログラム内での動的な生成** chl= に値を渡すように組めばできる **jQueryによるサンプルコード** ```html:qiita.html QRコード生成

QRコード生成

```