タスクバトラー - ToDoをこなすと魔物を倒せるゲーミフィケーション実用ツール

【目的・ターゲット】
「やることリストが続かない」「作業がつまらない」学生・社会人向けに、日々のタスク管理そのものを爽快なバトルゲームに変える実用ツール。便利さと中毒性を両立し、毎日開きたくなるToDoアプリを目指す。

【主要機能】
・タスク登録: 名前・締切・難易度(Easy/Normal/Hard/Boss=大型プロジェクト)を設定。難易度ごとに攻撃力が変わる。
・バトル演出: タスク完了ボタンを押すと画面内の魔物に攻撃エフェクトが発生しHPが減少。撃破するとXP・ゴールド・装備アイテムをガチャ形式でドロップ(コモン〜レア)。
・Bossタスク: 大きな目標を複数サブタスクに分割し、完了ごとにボスHPを削る連続討伐イベントとして表示。
・キャラクター育成: レベルアップでステータス上昇、装備品を集めて見た目が変化するコレクション図鑑。
・ストリーク&コンボ: 毎日タスクをこなすと連続日数ボーナスでダメージ倍率アップ、途切れるとリセット。
・生成BGM/SE: Web Audio APIでループ生成する冒険風BGMと、攻撃・撃破・レベルアップの効果音を内蔵(ミュート切替可)。
・週間グローバルランキング: ニックネームでXP・撃破数を投稿し他ユーザーと競争。

【画面構成】
1. ホーム画面: タスクリスト、キャラクターステータス、現在戦闘中の魔物と演出エリア
2. タスク追加モーダル: 名前・締切・難易度選択
3. コレクション図鑑ページ: 撃破済み魔物一覧、獲得装備アイテム
4. ランキングページ: 週間XPランキング表示
5. 設定: BGM/SEオンオフ、テーマ切替(ファンタジー/近未来)

【データ構造】
・LocalStorage: tasks[](id, name, deadline, difficulty, status), character{level, xp, gold, streak, items[]}
・MySQL: rankings テーブル(id, nickname, level, total_xp, defeat_count, updated_at)。JS→PHP経由でスコア投稿・上位50件取得のみ行うシンプル構成。

【デザイン方向性】
ファンタジーRPG風の可愛い魔物イラストとパーティクルエフェクトで、地味なToDoアプリを「ついつい開いてしまう」ゲーム体験に昇華。ダーク背景+ネオンやパステル配色のバトルUIでスマホでも見やすく、達成のたびに派手な演出でユーザーの継続モチベーションを高める。