【旧版】二次元バーコードジェネレータ (全4回)
最新版のレッスンはこちらから »
【最新版】二次元バーコードジェネレータ (全4回)
GoogleのAPIとjQueryを使って、二次元バーコードのジェネレータを作ってみます。
このレッスンでは jQuery 1.6.4 を使用しています。
-
#01 画面を作ろう (02:02)
- 完成版の動作確認
- 画面の作成
-
#02 Google APIの説明 (01:20)
- Google APIの確認
-
#03 バーコードを表示する (02:22)
- 表示領域のhtmlにimg要素を生成
- img要素のsrc属性を設定
-
#04 入力内容を反映させる (02:47)
- 入力された内容を取得しAPIのURLへ反映
- 日本語への対応
#01 画面を作ろう
#02 Google APIの説明
2012年1月15日
補足情報 映像内で参照しているサイトについて
映像内で参照しているGoogleのページはこちらです。
http://code.google.com/apis/chart/infographics/docs/overview.html
http://code.google.com/apis/chart/infographics/docs/overview.html
#04 入力内容を反映させる
2012年1月15日
補足情報 encodeURIComponentの詳細について
URLに文字列を渡すときにはencodeURIComponentを使う、と覚えておきましょう。詳細はこちらのドキュメントを参照してください。
https://developer.mozilla.org/ja/JavaScript/Reference/Global_Objects/encodeURIComponent
https://developer.mozilla.org/ja/JavaScript/Reference/Global_Objects/encodeURIComponent
補足情報 あわせて見ておきたいレッスンについて
http://dotinstall.com/lessons/basic_jquery