コー打|コーディング専用タイピングゲーム

OVERVIEW

JavaScriptでタイピングゲームを作成しました。

YEAR 2020

コンセプト
コーディング学習していた際、コード特有のタイピングに慣れずストレスを感じた経験から自分の練習用に制作。
結果、これが完成する際にはEmmetを習得していて練習する必要が無くなりました。。。

URL

制作意図

コーディングで頻出する「html」や「div」などのタイピングに慣れるための練習ツールとして制作しました。日本語入力ではあまり使わない「l」や「v」、「z」などタイピング感覚を掴めたらいいなと思って自分用に制作。

有名タイピングゲームの某寿司打をもじって「コー打」と名付けました。

チーム

個人制作。
ざっくりした要件定義とコーディング、最低限のデザインをしました。

制作期間

3日間ほど計5時間ほど。

工夫した点

タイピングする音が鳴るようにフリーの音源をダウンロードし、反映させました。
(URLはgithubPagesのため音は出ませんが。。。)

実際にローカルで音が鳴っている様子はこちらの動画で確認できます。

失敗点

エメット記法を詳細に知らないうちに作成してしまったため、実用性がかなり低いものになってしまった点。

また、種類も少なく同じ問題が連続することもしばしばある点。

あとRESUME作成中に気付きましたが、点数計算がかなりおかしい点。

いろいろ改善点は多そうです。

技術

  • JavaScript
  • HTML
  • CSS

ツール

  • VisualStudioCode


WEBSITE