データの視覚化を楽しみながらプログラミングを学ぶ

---

メニューを たたむ | 開く

• 概要
• コードを書く・動かす
• T1:100個で表すデータ
  • 1 まずは円を描く
  • 2 データで色分け
  • 3 大きさや色を変える
  • 4 画像を描く
• T2:大きさで表すデータ
  • 1 大きさで比較
  • 2 アニメティックに変化
  • 3 マウスに応答1
  • 4 マウスに応答2
  • 5 csvファイルを読む
• T3:位置で表すデータ
  • 1 位置の計算
  • 2 データと位置
• DMサンプル
• 基本関数
  • ウィンドウと色
  • 基本図形
  • 複雑な図形
  • 移動 回転 拡大縮小
  • 算術計算
  • タイポグラフィ
  • 画像データ
• DataMateライブラリ
• JavaScriptの基本知識
  • 変数、データ型
  • リテラル
  • 算術演算子
  • 条件分岐と繰返し
  • 配列
  • 関数の定義
  • クラスとオブジェクト
  • クラスの定義
  • クラスの拡張
• サンプル、問題で使う画像
• 授業での制作例