このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#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のスタイリング
- リプレイ時の動作調整
ギャラリー
お知らせ
| お知らせ | 07/16 | 動画一覧ページで関連レッスンが表示されるようになりました (07/16) |
| お知らせ | 07/15 | 今週は『詳解CSS アニメーション編』をリリースしました (07/15) |
このレッスンについて
- 最終更新日
- 2017年5月11日
- バージョン情報
- HTML5 / CSS / CSS3 / JavaScript
- 関連キーワード (6)
