「vue.js」と「Javascript」の学習のため、作成しました。
ページ構成はSPA(シングルページアプリケーション)となっています。
主な使用技術(開発環境)
- Visual Studio Code
- Javascript
- Vue.js
＜デプロイ＞
- Heroku
なぜ作ったのか
Javascriptの理解を深めるため、タイピングゲームを作ることに決めました。
ただタイピングをするだけではなく、なにかプラスの価値を取り入れたいと思い、私が学生時代に苦労した漢字の読みを学習できる内容にしたいと考えました。
漢字の読み方を学習するために、ひたすら紙に書いたり、単語カードを作成するのは非常に手間がかかり非効率です。もっと手軽に楽しく学習ができればいいなと思い、開発しました。
しかし、漢字の読みは音読み・訓読みがあるため、答えの範囲が幅広く判定処理が複雑になってしまいます。そこで、ターゲットを読み方が決まっている四字熟語に変更し、開発を進めました。
ゲームのポイント
四字熟語のタイピングゲームは既存のものが幾つがありますが、ゲーム開始後、四字熟語と共に最初から読み仮名を表示されているといった形式がほとんどでした。
そこで、私が開発したタイピングゲームは、ゲーム開始後、四字熟語のみを表示し、読み仮名は非表示としました。読み仮名の答えは、回答を送信後「？」の部分に表示されます。
これにより、自分が本当に四字熟語の読みを暗記できているか、より確実に確認できるようになりました。
今後実装したい機能
- 間違えた問題のみタイピングできるようにする。
- 問題一覧の作成
最後に
最後までご覧いただき、ありがとうございました。
これからも引き続き学習していき、より完成度の高いものを目指していきたいと思います。