そばにいるよ - 家族安否確認＆避難計画ボード

【目的・ターゲット】災害・地震・台風などの非常時に、家族や親族が「誰が安全で、誰が今どこにいるか」を瞬時に共有できる安否確認ボード。平常時は防災の備えを家族で楽に管理できるツールとして機能し、子育て世帯・高齢の親と離れて住む世帯・大家族を主なターゲットとする。

【主要機能】
1. 6桁コード＋任意パスワードでグループ(家族)を作成・参加。招待はコードのみで登録不要。
2. メンバーごとに「安全です/避難中/要支援/連絡待ち」の4ステータスをワンタップ更新し、避難先や一言メッセージ・自由入力の現在地テキストを添付。
3. ダッシュボードは全員のステータスカードを最新順に一覧表示し、未更新者や要支援者は色と点滅で強調。
4. 家族共有の非常持ち出し袋・備蓄チェックリスト(カテゴリ別、チェック状況を全員が確認可能)。
5. 更新履歴タイムラインで誰が何を発信したか後から追跡できる。
6. 平常時モードとして年数回の「避難訓練」記録と、防災クイズで家族の備え意識を維持。

【画面構成】
・トップ(グループ作成/参加フォーム)
・ダッシュボード(メンバーカード一覧、緊急時は背景がアラート表示に切替)
・自分のステータス更新画面(4ボタン＋メッセージ入力)
・チェックリスト編集画面
・タイムライン履歴画面
・訓練/クイズ画面

【データ構造(MySQL)】
families(id, code, name, password_hash, created_at) / members(id, family_id, name, avatar_type, created_at) / status_updates(id, member_id, status, message, location_text, created_at) / checklist_items(id, family_id, category, item_name, is_checked, updated_by) / drills(id, family_id, date, notes, quiz_score)

【デザイン方向性】暖色パステル(テラコッタ・セージグリーン・クリーム)を基調に、丸みのある線と柔らかい光を持つ安心感重視のフラットイラスト。緊急時ダッシュボードのみアラートカラー(琥珀色)に一時的に切替え視認性を確保。

【BGM仕様】平常時ダッシュボードのみ、アンビエント/ローファイ、BPM60、4/4拍子。ピアノアルペジオ＋ソフトストリングスパッド＋控えめなアップライトベースで、和声進行F→C→Am→Gを循環。A(8小節)は静かな主題、B(8小節)はサブドミナント寄りに展開し高音ピアノの装飾フレーズを追加、4小節ごとに軽いフィル(グリッサンド風)を挿入。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを行い、BGM/SE(ステータス更新時の短い通知音)を別ゲインノードで音量管理、ミュートボタンと画面離脱時の全ノード解放処理を実装。緊急ステータス検知時はBGMを自動フェードアウトして無音にする。

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

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