おてつだいクエスト ―キッズおこづかい育成ダッシュボード―

【目的・ターゲット】小学生とその保護者向けに、お手伝い(家事)の実行とおこづかい管理をゲーム感覚で楽しく続けられるファミリー向け便利ツール。ログイン不要・6桁ファミリーコードで親子の端末を安全に紐付け、家事の見える化と金銭教育を同時に実現する。

【主要機能】
1. 保護者がタスク(お手伝い項目)ごとにポイント・金額・頻度を設定できるタスクエディタ
2. 子供は完了報告をワンタップ送信、保護者が承認するとポイント/残高に自動加算
3. ポイントに応じてマスコットキャラクターが3段階(たまご→中間形態→完全体)に成長するアニメーション演出
4. 「欲しいものジャー」機能：目標金額を設定すると貯金瓶が徐々に満ちていくビジュアルで貯金の進捗を可視化
5. 週次・月次レポート(達成率、獲得ポイント推移グラフ)、複数の子供の切り替え表示
6. タスク承認・レベルアップ・目標達成時に短いジングルが鳴る演出、BGMのON/OFF切替

【画面構成】
・トップ(ファミリーコード発行/入力)画面
・保護者ダッシュボード：タスク管理、承認待ちリスト、子供別残高・設定
・子供用ホーム画面：今日のタスク一覧、マスコット表示、貯金瓶、獲得ポイント
・目標(欲しいものジャー)編集画面
・履歴・レポート画面(グラフ表示)

【データ構造(MySQL)】
families(id, code, name, created_at) / children(id, family_id, name, avatar_stage, points, balance) / tasks(id, family_id, title, points, amount, frequency, active) / task_logs(id, task_id, child_id, status, date, approved_at) / goals(id, child_id, title, target_amount, current_amount) / transactions(id, child_id, type, amount, memo, created_at)

【デザイン方向性】パステルカラー+ポップな絵本風タッチで統一。丸みのあるUI、キャラクターの成長演出、貯金瓶がキラキラ光るCanvasアニメーションで達成感を演出。

【BGM仕様】メインBGMはポップで明るいBPM112・4/4拍子。木琴主旋律+ウクレレコード伴奏+軽いシェイカー/タンバリンのリズムで、A(8小節・穏やか)→B(8小節・盛り上がり)の構成をループ。4小節ごとに軽いフィルを挿入。タスク承認時に2秒の短いファンファーレ、レベルアップ時に3秒の上昇アルペジオジングルを再生。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SEの音量を個別スライダーで調整可能、ミュートボタン、画面遷移時は使用ノードを確実に切断・解放する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する