-
#01 アナログ時計を作ってみよう (02:43) 無料公開中
- index.htmlの作成
- main.jsの作成
-
#02 Clockクラスを作ろう (02:33) 無料公開中
- Clockクラスの作成
- 描画コンテクストを取得
-
#03 盤面を描く準備をしよう (02:14) 無料公開中
- ループ処理
- 移動、回転
-
#04 短い目盛りを描画しよう (01:54)
- 短い目盛りの描画
-
#05 盤面を完成させよう (02:35)
- 長い目盛りの描画
- 数字の描画
-
#06 ClockDrawerクラスを作ろう (02:40)
- クラスの整理
- 即時関数
-
#07 メソッドを整理しよう (02:36)
- drawFaceメソッドの整理
- drawメソッドの実装
-
#08 時針を描画しよう (02:46)
- getHours()
- getMinutes()
- getSeconds()
- 時針の描画
-
#09 分針､秒針を描画しよう (01:36)
- 分針の描画
- 秒針の描画
-
#10 時計を動かしてみよう (02:32)
- setTimeout()
- clearRect()
