Skip to content

genzouw/kakezan-manabo

Repository files navigation

掛け算学習アプリ

子供向けのインタラクティブな掛け算練習ツールです。音声フィードバック付きで楽しく学習できます。

機能

  • 🎯 1の段から9の段までの掛け算問題
  • 🔊 音声による問題読み上げ
  • ✅ 正解・不正解の効果音
  • 📊 学習履歴の記録
  • ⚙️ カスタマイズ可能な設定(段の選択、問題数)

必要な環境

  • Node.js 14.x 以上

セットアップ

1. 依存関係のインストール

npm install

2. 開発サーバの起動

以下のいずれかのコマンドでローカルサーバを起動できます。

オプション1: 自動的にブラウザを開く

npm start

このコマンドは、サーバを起動して自動的にブラウザで http://localhost:8000 を開きます。

オプション2: 手動でブラウザを開く

npm run dev

このコマンドは、サーバのみを起動します。ブラウザで http://localhost:8000 を手動で開いてください。

3. サーバの停止

サーバを停止するには、ターミナルで Ctrl + C を押してください。

使い方

  1. ブラウザでアプリを開く
  2. 「設定」セクションで学習したい段を選択
  3. 問題数を設定(1〜81問)
  4. 「スタート」ボタンをクリック
  5. 音声で問題が読み上げられます
  6. 4つの選択肢から正しい答えをクリック
  7. 正解・不正解の効果音が流れます
  8. すべての問題が終わると結果が表示されます

プロジェクト構造

kakezan-manabo/
├── index.html          # メインHTMLファイル
├── style.css           # スタイルシート
├── js/
│   ├── main.js         # アプリケーションのメインロジック
│   ├── data.js         # データ管理
│   └── storage.js      # ローカルストレージ管理
├── correct.mp3         # 正解時の効果音
├── incorrect.mp3       # 不正解時の効果音
├── package.json        # プロジェクト設定
└── README.md           # このファイル

ライセンス

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published