新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 Google Chart Toolsの紹介 (02:23) 無料公開中
- Google Chart Toolsの紹介
- レッスンに必要なツールについて
- ひながたとなるHTMLファイルの作成
-
#02 共通部分のコードを書く (01:54) 無料公開中
- 共通部分のコードについて
- 処理の概要について
-
#03 円グラフのデータを用意する (02:43) 無料公開中
- データ形式の説明
- データの準備
-
#04 円グラフのオプションを指定する (01:41)
- グラフオプションの指定
- 公式ドキュメントの参照方法
-
#05 円グラフを描画する (02:34)
- グラフ描画のコードについて
- 動作確認
- オプションを変更して再び動作確認
-
#06 横棒グラフを描画する (02:53)
- 棒グラフデータの準備
- 棒グラフの描画
- 動作確認
- オプション変更
- 注意点について
-
#07 縦棒グラフを描画する (00:56)
- 横棒グラフの作り方
-
#08 折れ線グラフを描画する (00:43)
- 折れ線グラフの作り方
-
#09 Googleスプレッドシートと連動させる (02:59)
- Googleスプレッドシートを準備する
- Googleスプレッドシートを公開する
- ガジェットを作成
- データソースURLの取得
-
#10 グラフのデータソースを指定する (02:19)
- データソースを指定する
- 問い合わせ結果を受け取る関数を書く
-
#11 グラフのオプションを指定して描画する (02:38)
- グラフのオプションを指定
- グラフの描画
- 動作確認
- Googleスプレッドシートでのデータ変更及び結果の確認
-
#12 Google Image Chartsについて (02:40)
- Google Image Chartsの紹介
- 作成ウィザードの使い方
- 動作確認
