JavaScriptで5秒当てゲームを作ろう (全9回)

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

このレッスンでは HTML5 / CSS / CSS3 / JavaScript を使用しています。

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

2017年5月11日

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

3分動画でマスターできる、初心者向けプログラミング学習サイトです。

ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト