このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 タイピングゲームを作ろう (02:18) 無料公開中
- 完成版の確認
- index.htmlの作成
-
#02 画面のスタイルを整えよう (02:46) 無料公開中
- マークアップ
- styles.cssの作成
- スタイリング
-
#03 タイプしたキーを表示しよう (02:08) 無料公開中
- main.jsの作成
- keydownイベントの設定
- キーの取得
-
#04 タイピングの正誤を判定しよう (02:53)
- 文字列へのアクセス
- 正誤判定の条件分岐
-
#05 正解した文字の表示を変えよう (01:52)
- repeat()
- substring()
-
#06 早期リターンを使ってみよう (01:38)
- 早期リターン
-
#07 複数の単語に対応させよう (01:24)
- 複数の単語を定義
- ランダムな要素の選択
-
#08 次の単語をセットしよう (01:52)
- setWord()
-
#09 単語の重複を防ごう (02:28)
- splice()
- 結果表示
-
#10 ゲームをスタートさせよう (02:43)
- clickイベントの設定
- クリアタイムの表示
-
#11 ゲームの不具合を修正しよう (01:37)
- ゲームの状態を管理
- 不具合の修正
