ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】JavaScriptでタイピングゲームを作ろう
JavaScriptを使ったシンプルなタイピングゲームを作ってみます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでタイピングゲームを作ろう
JavaScriptで簡単なタイピングゲームを作る方法について学んでいきます。
0%
動画レッスン一覧
(14)
質問と回答
(1)
#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イベント
変数の宣言と初期化の分離
未完了
#03 タイプしたキーを取得しよう
addEventListenerのeは何ですか?
2019年5月24日
リリース情報(note)
ES2017に対応した『JavaScriptでタイピングゲームを作ろう (全14回)』をリリースしました
詳細情報
最終更新日
2019年3月14日
バージョン情報
JavaScript (ES2017)