そなえるノート - 家族で使うローリングストック防災備蓄管理

【目的・ターゲット】食料や水の備蓄はしていても「いつの間にか期限切れ」「何がどれだけ足りないか分からない」という家庭の悩みを解決する防災備蓄管理ツール。子育て世帯・一人暮らし・高齢の親と離れて暮らす人まで、登録不要で今すぐ使える公開Webアプリ。

【主要機能】
1. 世帯コード発行：ログイン不要。6桁コードを発行し、家族間でURL+コードを共有すればデータを共通閲覧・編集可能。
2. 推奨備蓄量の自動計算：家族人数・ペット有無・備蓄日数(3/7日)を入力すると、水(1人3L/日)・主食・カセットガス等の目安数量を自動算出し、現在の登録量と比較して充足率をゲージ表示。
3. 備蓄品の登録・期限管理：カテゴリ(飲料水/主食/缶詰/衛生用品/医薬品/電池等)、数量、賞味期限を登録。期限が近い順に一覧・カレンダー表示し、色分け(安全/注意/危険)で警告。
4. ローリングストック消費記録：「使った」「買い足した」をワンタップ記録し、消費と補充のサイクルを可視化。
5. 非常持ち出し袋チェックリスト：プリセット30項目+自由追加、チェック状態を保存し印刷用リストも出力可能。
6. マスコットキャラが進捗に応じて励ましコメントを表示し、達成率100%でお祝い演出。

【画面構成】(1)オンボーディング(世帯コード発行/入力・家族構成入力)、(2)ダッシュボード(充足率ゲージ・期限アラート一覧)、(3)備蓄品登録/編集モーダル、(4)カレンダービュー、(5)持ち出し袋チェックリスト、(6)印刷用リストページ。

【データ構造(MySQL)】households(id, code, family_size, has_pet, stock_days, created_at) / stock_items(id, household_id, category, name, quantity, unit, expiry_date, purchase_date, memo) / checklist_items(id, household_id, type, name, is_checked, sort_order) / consumption_logs(id, household_id, stock_item_id, action, quantity, logged_at)。

【デザイン方向性】生成りベージュ・深緑・テラコッタの安心感ある配色。丸みのある防災うさぎ&くまマスコットが案内。カード型UIとやわらかい影で温かみを演出。

【BGM仕様】ジャンルはLo-fiアンビエント、BPM70、4/4拍子。ブラシ風の柔らかいキックとハイハット、温かいシンセベース、和声進行はFmaj7→Cmaj7→Dm7→Gm7の4小節ループを2周(計8小節)でA/B展開、マリンバ系メロディが4小節ごとに変化しフィルとベルを挿入。期限アラート時は上昇2音のベル音、達成時は3音の明るいアルペジオ。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する