新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 タイピングゲームを作ろう (02:50) 無料公開中
- 完成版の確認
- index.htmlの作成
- styles.cssの作成
- main.jsの作成
-
#02 画面を作っていこう (02:56) 無料公開中
- マークアップ
- スタイルの整備
-
#03 タイプしたキーを取得しよう (01:50) 無料公開中
- keyupイベントの設定
- キーの取得
-
#04 タイピングの正誤を判定しよう (02:37)
- 要素の取得
- 条件分岐
-
#05 正解とミスの数をカウントしよう (02:20)
- 要素の取得
- scoreの表示
- missの表示
-
#06 正解した文字の表示を変えよう (02:21)
- updateTarget()
- for文
- substring()
-
#07 複数の単語に対応させよう (02:35)
- words
- ランダムな整数値の生成
-
#08 ゲームをスタートさせよう (01:37)
- clickイベントの設定
- updateTarget()
-
#09 タイマーを表示しよう (03:02)
- Date.now()
- updateTimer()
-
#10 タイマーを動かそう (02:03)
- setTimeout()
- alert()
-
#11 タイマーの不具合を修正しよう (01:57)
- setTimeout()
- alert()
-
#12 イベント発生時の誤動作を防止しよう (02:31)
- isPlayingによる状態の管理
- 条件分岐
-
#13 正答率を表示しよう (02:32)
- 条件演算子
- テンプレートリテラル
-
#14 リプレイができるようにしよう (02:30)
- clickイベント
- 変数の宣言と初期化の分離
