新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 数字タッチゲームを作ろう (02:52) 無料公開中
- 完成版の確認
- index.htmlの作成
- styles.cssの作成
- main.jsの作成
-
#02 ゲーム画面を作っていこう (02:47) 無料公開中
- htmlのマークアップ
-
#03 画面のスタイリングをしていこう (02:05) 無料公開中
- ボードとパネルのスタイリング
-
#04 JavaScriptでパネルを生成しよう (02:32) 無料公開中
- パネルの生成
- パネルの配置
-
#05 パネルを複数配置していこう (02:43)
- パネルの複数枚配置
-
#06 パネルを押せるようにしよう (02:46)
- currentNumの設定
- パネルのスタイル変更
-
#07 スタートボタンを作ろう (02:57)
- スタートボタンのマークアップ
- スタートボタンのスタイリング
-
#08 パネルの数字を隠してみよう (02:35)
- パネルの数字を隠す設定
-
#09 ゲームをスタートさせよう (02:01)
- ゲームスタートの実装
-
#10 数値をランダムに配置しよう (02:59)
- 数値のランダム配置
- 動作確認
-
#11 リプレイ機能を実装していこう (02:44)
- リプレイ機能の実装
-
#12 ゲーム画面の調整をしていこう (02:51)
- 不具合の修正
- ボード幅の自動調整
-
#13 タイムを表示させよう (01:21)
- タイム表示部分のマークアップ
- タイム表示部分のスタイリング
-
#14 クリアタイムを計測しよう (02:53)
- クリアタイムの計測
-
#15 タイマーを停止させよう (02:42)
- タイマーの停止
- 動作確認
