【旧版】JavaScriptで5秒当てゲームを作ろう (全6回)
最新版のレッスンはこちらから »
【最新版】JavaScriptで5秒当てゲームを作ろう (全9回)
JavaScriptで5秒きっかりを当てるゲームを作ってみます。
このレッスンでは HTML5 / CSS3 を使用しています。
-
#01 5秒きっかりを当てるゲームを作ろう (01:18)
- 完成版
- 必要となる知識
- レッスンにおける環境
-
#02 画面を作りこんでいこう (02:12)
- index.htmlの作成
- スタイリング
-
#03 要素のスタイルを整えていこう (01:58)
- 結果テキストのスタイリング
- ボタンのスタイリング
-
#04 処理の流れを確認していこう (02:59)
- EventListenerの実装
- 条件分岐
- 動作確認
-
#05 経過時間を確認してみよう (01:41)
- 経過時間の計算
- 結果の表示
-
#06 メッセージを表示してみよう (02:45)
- 条件分岐
- 動作確認
補足情報 必要となる知識について
・HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
・CSS入門 (全22回)
http://dotinstall.com/lessons/basic_css_v3
・CSS3入門 (全18回)
http://dotinstall.com/lessons/basic_css3_v2
・JavaScript入門 (全24回)
http://dotinstall.com/lessons/basic_javascript_v2
なお、レッスン中で使っているエディタについてはこちらをご覧ください。
・Atom入門 (全13回)
http://dotinstall.com/lessons/basic_atom