グロースツリー - 体組成育成ログ (からだの成長を木で可視化する体重・体組成トラッカー)

【目的・ターゲット】ダイエットや健康管理を続けたいがモチベーションが続かない人向けに、体重・体脂肪率・筋肉量・ウエストサイズなどの体組成データを記録するたびに「グロースツリー」という木が育っていく様子を楽しめる、継続支援型の体組成管理アプリ。20〜50代の健康志向層をメインターゲットとする。

【主要機能】
1. 体重・体脂肪率・筋肉量・ウエスト・メモを日付付きで記録できる入力フォーム(1日複数回記録可)。
2. 記録するたびに木が芽生え→若木→開花→結実の4段階で成長するホーム画面ビジュアル演出、季節背景(朝焼け/昼/夕方)が日替わりで変化。
3. 週間・月間・年間の推移グラフ(複数指標切替、7日移動平均線表示)。
4. 目標体重・達成予定日を設定し、直近データから簡易線形予測で到達見込み日を表示。
5. BMI・体脂肪率・筋肉量バランスをレーダーチャートで可視化し、標準域からのズレを色分け表示。
6. 連続記録日数(ストリーク)とバッジ実績(7日/30日/目標達成など)、記録完了時に短いジングルBGMが再生。
7. 6桁共有コードで家族用の複数プロフィールを切替・共有し、端末をまたいで同じデータを閲覧できる。CSVエクスポート対応。

【画面構成】
・ホーム画面: グロースツリーのビジュアル+当日の入力フォーム+ストリーク表示。
・グラフ画面: 指標切替タブ付きの折れ線グラフと移動平均。
・バランス画面: レーダーチャートと標準域比較。
・目標設定画面: 目標値・達成予測。
・実績画面: バッジ一覧とツリーの成長アルバム。
・設定/プロフィール切替画面: 共有コード発行・入力、CSV出力。

【データ構造(MySQL)】
profiles(id, share_code, nickname, created_at)
body_records(id, profile_id, record_date, weight, body_fat_pct, muscle_mass, waist_cm, memo, created_at)
goals(id, profile_id, target_weight, target_date, start_weight, created_at)
badges(id, profile_id, badge_type, earned_at)

【デザイン方向性】水彩画風の柔らかいパステルカラー(若葉グリーン・桜ピンク・生成りイエロー)を基調に、丸みのある線と優しい陰影で統一。木・光・季節をモチーフにした温かい世界観で、スマホでもPCでも余白を活かしたシンプルなレイアウトにする。

【BGM仕様】記録完了ジングル: アコースティック風、BPM80、4/4拍子。ピアノの単音メロディ+ソフトなパッドコード(C-G-Am-F進行)を基調に、8小節でA(4小節・穏やかな上昇フレーズ)→B(4小節・軽い装飾音とフィルを伴う着地フレーズ)の展開を持たせる。Web Audio APIでAudioContext.currentTime基準に先読みスケジューリングし、BGM/SE別音量スライダー、ミュートボタン、停止時は全ノードをdisconnectして解放する。

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

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