13
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

QRコードを簡単に作成する方法(googleを利用します)

Posted at

#背景
QRコードを作成したい。
だけど良くわからないサイトが公開しているサービスを使うのはセキュリティ的に不安だ。
QRコードの開発元であるDENSOのサイト(https://m.qrqrq.com/)を利用してもいいが、WEBサービスでは利用し難い。
などなど色々思うことがあると思うので、より簡単にQRコードを作成する方法を記載します。

#QRコード作成方法
とりあえず、以下のリンクをクリック↓
https://chart.googleapis.com/chart?cht=qr&chs=300x300&chl=https://developers.google.com/chart/infographics/docs/qr_codes?authuser=0&choe=UTF-8
クリックすると以下のQRコードが表示されます。
image.png
このQRコードを読み込むと、GoogleのQRコード作成APIの仕様が書かれたページが表示されます。
このページに書かれた通りにURLを作成すればQRコードが作成できますので簡単です。
ですが、ページに飛ぶのも少し面倒なので、ちょっと解説します。

##URLの解説
https://chart.googleapis.com/chart?cht=qr&chs=300x300&chl=https://developers.google.com/chart/infographics/docs/qr_codes?authuser=0&choe=UTF-8
上記URLは、WEBの作成者であれば解説なしでも分かるかと思いますが、URLを読むよも面倒なので簡単に内容を記載します。

###「https://chart.googleapis.com/chart」について
これは、QRコードを作成するサイトのURLです。

###「?」について
「?」以降は、この条件でQRコードを作成してねという条件値です。

###「cht=qr」について
QRコードを作成してねという指示です。

###「&」について
まだ条件があるよという印です。

###「chs=300x300」について
縦:300、横:300のサイズのQRコードを作成してねという指示です。

###「chl=https://developers.google.com/chart/infographics/docs/qr_codes」について
QRコードに埋め込む値の指示です。
ここではURLになっていますが、「chl=私の名前は、あいうえおです。」とすれば、QRコードを読み込むと「私の名前は、あいうえおです。」と表示されます。

###「choe=UTF-8」について
これは文字コードの指示です。
文字コードはかなりプログラマーよりですので、基本この指示のままで良いかと思います。

#QRコード作成サイト
上記APIを利用したhtmlを作成しましたので以下にURLを記載します。

GitHub Pages

###GitHub
https://github.com/KOJI-YAMAMOTO-GitHub/Create-QR-Code/blob/master/index.html

13
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?