はじめに
突然ですが、今日からJavaScriptで野球のクイズアプリを個人開発します。
理由としてはこの前少し学んでみたJavaScriptが楽しかったこと、
そして好きな野球に関するアプリを作ってみたいという思いがあったからです。
こんな機能が欲しい
Javascriptに関しては完全初心者ですが、以下のような機能は搭載したいと考えています。
- 基本的なクイズ機能
- 難易度に基づくポイントシステム
- 二人でのマルチプレイ機能
- ランキング機能
基本的なクイズ機能
まずは、4択クイズの基本的な機能を作成します。
-
問題と選択肢の表示:
- JavaScriptを使用して、ランダムな問題とその4つの選択肢を表示します。
- HTMLとCSSでクイズのレイアウトをデザインします。
-
答えの選択とフィードバック:
- ユーザーが選択肢をクリックすると、正解か不正解かを表示します。
- 正解の場合はポイントを加算します。
難易度に基づくポイントシステム
- 各問題に難易度を設定し、難易度に応じて異なるポイントが得られるようにします。
- 難易度は、問題データにプロパティとして追加できるとイメージしています（例：easy, medium, hard）。
マルチプレイ機能
- 二人のプレイヤーが交互にクイズに答える機能を追加します。
- プレイヤーごとのスコアを管理し、それぞれのターンで表示を更新します。
- いつかリアルタイムで早押し対決ができるように改善できればと思います。
ランキング機能
- 簡易的に、自分の最高スコアを表示することから始めます。
- いずれはデータベース（例：MongoDB）を使用してスコアを管理し、全プレイヤーのスコアを集計してランキングを表示します。
発展編
Laravelでサーバーサイドの技術を学んできたので、いずれNode.jsを使って認証・認可や、
データのCRUD操作を行えるようなアプリケーションを作成したいと思います。