ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/09/17
NEW
【週刊ドットインストール】 学習ロードマップにPHP/Laravelを追加、最近のAI使いこなしTips
866
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
246
件のレッスンと
620
件のレッスン動画が見つかりました。
#01 タイピングゲームを作ろう
JavaScriptでタイピングゲームを作ろう
完成版を確認したあとに、index.htmlを作っていきます。
#02 画面のスタイルを整えよう
JavaScriptでタイピングゲームを作ろう
必要な要素をマークアップしたあとに、スタイルを整えていきます。
#03 タイプしたキーを表示しよう
JavaScriptでタイピングゲームを作ろう
keydownイベントを使って、打ち込んだキーを画面に表示させます。
#04 タイピングの正誤を判定しよう
JavaScriptでタイピングゲームを作ろう
ゲーム用の単語を用意したあとに、タイプしたキーが正解かどうかを判定します。
#05 正解した文字の表示を変えよう
JavaScriptでタイピングゲームを作ろう
repeat()とsubstring()を使って、正解したらアンダーバーで埋められていくようにします。
#06 早期リターンを使ってみよう
JavaScriptでタイピングゲームを作ろう
早期リターンと呼ばれるテクニックを使ってコードを読みやすくしていきます。
#07 複数の単語に対応させよう
JavaScriptでタイピングゲームを作ろう
ゲームを複数の単語に対応させて、ランダムに表示させていきます。
#08 次の単語をセットしよう
JavaScriptでタイピングゲームを作ろう
一つ目の単語を打ち終えたら、次の単語がランダムにセットされるようにします。
#09 単語の重複を防ごう
JavaScriptでタイピングゲームを作ろう
splice()を使って単語が重複されないようにしたのち、ゲーム終了時の表示を作っていきます。
#10 ゲームをスタートさせよう
JavaScriptでタイピングゲームを作ろう
画面クリックでゲームがスタートするようにしたのち、クリアタイムを表示させます。
前へ
42
43
44
45
46
47
48
49
50
51
52
次へ