学習用タイピングゲームを作りました！
カテゴリ：Programming
➊ 作ったもの
学習のためのタイピングゲームを作りました。名前は「SUPER TYPER BROS.」です。
ふつうのタイピングゲームは出題される文章が決まっていますが、これは自分が覚えたいテキストファイルを読み込ませて、それをそのままお題にできるところが違います。書き写したいコード、暗記したいコマンド、勉強中の用語メモ、どれでも教材になります。
ブラウザだけで動きます。インストールも登録も不要です。下のボタンから遊べます。
➋ 遊び方
手順は3つだけです。
【1】練習したいテキストファイル（.txt など）を選ぶ
【2】読み込んだファイルの一覧から、今回打つものを選ぶ
【3】表示されたお題を見ながら打つ
打っている間は、残り時間・WPM（1分あたりの打鍵語数）・正確率・コンボが常に表示されます。終わるとスコアが出て、そのファイルでの自己ベストを超えていれば「NEW HIGH SCORE!」が出ます。
自己ベストはブラウザに残るため、同じ教材を何度も回して伸びを見ることができます。
効果音はすべてプログラムで鳴らしており、音声ファイルは1つも使っていません。音が邪魔なときは消せます。
❸ 作った理由
読んで覚えたつもりでも、いざ手を動かすと書けないことがよくあります。とくにコマンドやコードは、目で追うだけだと指が動くようになりません。
かといって、ただ写経するのは単調で続きませんでした。
そこで「手を動かして覚える」を、時間制限とスコアで飽きずに続けられる形にできないかと考えたのが出発点です。教材を自分で差し替えられるようにしたのも、その日に覚えたいものをそのまま練習台にしたかったためです。
見た目をレトロゲーム調にしたのは、当サイト全体の雰囲気に合わせつつ、勉強という感じを薄めたかったからです。
❹ 読み込んだファイルの扱い
選んだファイルは、お使いの端末の中だけで処理されます。どこかへ送信することはありません。
ファイルの読み取りはブラウザの機能（FileReader）で行っており、内容と自己ベストはブラウザの保存領域（localStorage）に置いています。サーバーへ送る処理は入れていません。
そのため、業務で扱うファイルを試すような場合でも外部へ出ることはありませんが、共用の端末では保存が残る点にご注意ください。ブラウザの閲覧データを消せば一緒に消えます。
まだ作り始めたばかりなので、これから出題の種類や記録の見せ方を足していく予定です。
使ってみて気づいたことがあれば お問い合わせページ から教えてください。🐣