主要要件

✨ 主な特徴

  • 🎮 タイピングバトルシステム:英単語入力正解で攻撃
  • 🧩 マップ探索UI:マウスドラックによる直感的な移動
  • 🎧 BGM・効果音制御:On・Off切り替えによる音管理
  • 💾 進捗の自動保存:ブラウザの機能によるローカル保存
  • 🎨 柔軟なUI設計:UIライブラリとアニメーションライブラリによる動的なUI
  • 📚 ドキュメント自動生成:コード内にコメントを記入することによりドキュメントの一部自動生成を実現 (開発者向け)
  • 🧪 単体テスト&カバレッジ:コードの安全性を高めるためのテスト及びカバレッジ (開発者向け)

📑 システム要件

必要最低限の開発要件です。

  • ブラウザ: Google Chrome Ver 33(音声合成API対応ブラウザ)
  • Node.js: v18(ローカル開発用)
  • OS: Windows / macOS / Linux

🧰 技術スタック

以下の技術スタックと使用しています。

分類 使用技術
フロントエンド React + TypeScript + Vite
UI / アニメーション Chakra UI / Framer Motion
オーディオ Howler.js
永続化 Dexie.js
描画 React-Konva
テスト Vitest
ドキュメント Rspress / TypeDoc / Ladle
Lint / Format Biome