TimeLapse Diary - 定点写真でつづるタイムラプス成長記録メーカー

筋トレ・ダイエット、植物栽培、DIY・部屋の片付け、育児記録、趣味制作など「同じ場所を定点観測して変化を残したい」人向けの、写真管理と動画化をひとつで完結できるツールです。

主要機能:
1. テーマ別プロジェクト作成(ボディメイク/植物/DIY・片付け/育児/趣味の5プリセット、テーマごとにアイコンとアクセントカラーを自動設定)
2. ゴースト撮影ガイド：前回撮影した写真を半透明で重ね表示し、getUserMedia+Canvasで毎回同じ構図で撮影できる
3. タイムライングリッドで日付・写真・自由記入メモ(体重、身長などの数値も記録可)を一覧管理
4. Before/Afterスライダーで最初と現在の写真を比較
5. タイムラプス動画自動生成：登録写真を順番にCanvas描画し、下記BGMを合成、MediaRecorderでWebM書き出し・ダウンロード
6. 完成動画のサムネイルのみ公開ギャラリーに投稿・閲覧・いいね可能(個人情報や顔写真掲載は自己責任の注意書きを表示)

画面構成: プロジェクト一覧(カード表示、経過日数・枚数・サムネ)／新規作成モーダル(テーマ・タイトル・開始日)／詳細画面(タイムライングリッド、撮影オーバーレイモーダル、Before/Afterスライダー、動画生成導線)／動画生成画面(BGM選択・再生速度・プレビュー・ダウンロード)／公開ギャラリー。

データ構造: 写真本体はプライバシー配慮のためIndexedDBに保存(projects: id,theme,title,start_date／photos: id,project_id,date,image_blob,note,metrics_json)。MySQLは公開ギャラリー用の軽量テーブルのみ(gallery_posts: id,theme,title,comment,thumbnail_path,likes,created_at)。

デザイン: 温かみのあるパステル(コーラル・ミント・クリーム・ラベンダー)のフラットイラスト調、柔らかい影と斜め光、太めのアウトライン。スマホ縦画面優先、撮影は指1本で完結。

BGM仕様(Web Audio API、コード生成・外部音源不使用): ①Uplifting Piano: BPM92・4/4・Cメジャー・I-V-vi-IV進行、ピアノアルペジオ+ストリングパッド+ソフトキック、8小節(Aメロ4小節+Bメロ4小節で音数増加)、4小節毎にハイハット風フィル。②Acoustic Warmth: BPM100・4/4・Gメジャー、三角波ギター風アルペジオ+ベース+シェイカー、8小節ループ、休符を効果的に配置。③Pop Electro Growth: BPM128・4/4・Aマイナー、四つ打ちキック+シンセベース+リードメロディ、8小節、4小節毎にフィルドラム追加。全曲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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する