新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 カウントダウンタイマーを作ろう (02:43) 無料公開中
- 完成版の確認
- index.htmlの作成
- styles.cssの作成
- main.jsの作成
-
#02 JavaScriptを書く準備をしよう (02:38) 無料公開中
- HTMLのマークアップ
- 要素の取得
-
#03 カウントダウンの仕組みを理解しよう (02:23) 無料公開中
- カウントダウンの仕組みについて
-
#04 カウントダウン機能を実装してみよう (02:53)
- カウントダウン機能の実装
-
#05 残り時間を表示させよう (02:55)
- 残り時間の表示
-
#06 タイマーが止まるようにしよう (02:32)
- タイマー終了の実装
-
#07 残り時間をセットしてみよう (02:14)
- 残り時間設定機能の実装
-
#08 一時停止､再開ができるようにしよう (02:41)
- 一時停止機能の実装
- 再開機能の実装
-
#09 タイマーを仕上げていこう (02:18)
- カウントダウン中の動作調整
- 残り時間が60分以上になったときの調整
-
#10 全体のスタイルを整えよう (02:48)
- タイマーのスタイリング
-
#11 ボタンのスタイルを整えよう (02:34)
- ボタンのスタイリング
-
#12 タブに残り時間を表示させよう (01:33)
- 残り時間のタブ表示
