JavaScriptで5秒当てゲームを作ろう

JavaScriptで5秒きっかりを当てるゲームを作っていきます。

このレッスンはアーカイブされました

このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。

#01 5秒当てゲームを作ってみよう (02:51)
- 完成版の確認
- index.htmlの作成
- styles.cssの作成
- main.jsの作成
#02 マークアップをしていこう (02:56)
- htmlのマークアップ
- スタイルの設定
#03 ゲーム画面のスタイルを整えよう (02:55)
- ゲーム画面のスタイリング
#04 経過時間を取得していこう (02:19)
- clickイベント
- 基準となる時間の取得
#05 経過時間を画面に表示しよう (02:34)
- 経過時間の取得
- 経過時間の表示
#06 結果に応じてスタイルを変えてみよう (02:31)
- resultのスタイリング
#07 ボタンを押し込めるようにしよう (01:55)
- ボタンのスタイリング
#08 ゲームの動作を調整していこう (02:09)
- ゲームの状態管理
#09 リプレイできるようにしよう (02:44)
- resultのスタイリング
- リプレイ時の動作調整

2017年5月11日

今回のレッスンについては以下も参考にしてみてください。

3分動画でマスターできるプログラミング学習サービスです。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス