🚀 このサイトの開き方
家の中（Wi-Fi）: ブックマークした
http://（家のPCのアドレス）:8765/site/ を開きます。
外出先・災害時: クラウド版
（https://〜.pages.dev）を開きます。初回はメールアドレスを入れると
6桁のコードがメールに届くので、それを入力するだけ。パスワードは不要です。
🧭 画面の見かた（5つのタブ）
ダッシュボード — まず見る画面
水の備え: 家族の人数に対して飲料水が何日分あるか。 期限内の水だけで計算しています。
4つの数字: 期限切れ 期限間近 注意 良好 の品目数。タップすると在庫一覧へ移動します。
いま使うべき食品: 期限が近い食品から順に表示。 ここにある物から食べていくのがコツです（食べたら買い足す＝ローリングストック）。
在庫一覧 — 探す・調べる
検索: 商品名や保管場所の一部を入力（例:「ラーメン」「食料籠」）。
絞り込み: 「期限切れ」「期限間近」やカテゴリ（食品・水など）のボタンをタップ。
グループ: カテゴリ／保管場所／賞味期限帯／用途ごとにまとめて表示できます。
商品をタップすると詳細画面。写真・保管場所（写真つき）・ 期限ごとの内訳（いつ期限の物が何個）が見られます。
保管場所 — 場所から探す
保管場所ごとのカード（写真・件数）が並びます。 カードをタップすると、その場所にある物だけの一覧に切り替わります。 「防災リュックには何が入ってたっけ？」というときに便利です。 戻るときは一覧上部の「✕ 解除」をタップ。
通知 — やることリスト
「期限切れ」「期限が近い」「備蓄が足りない」の3種類のお知らせが出ます。 表示された食品は早めに食べて、食べた分を買い足しましょう。
必要備蓄量 — 備えは足りている？
家族の人数×日数に対して、飲料水・主食・カセットボンベ・簡易トイレが どれだけ足りているかをバーで表示します。100%以上が目標です。
🏷 バッジ（色）の意味
| バッジ | 意味 |
|---|---|
| 期限切れ | 賞味期限が過ぎています。中身を確認して処分または早めに消費 |
| 期限間近 | 期限まで残りわずか（食品は30日以内が目安）。優先して食べる |
| 注意 | 期限がそこそこ近い。次の買い物で入れ替え候補に |
| 良好 | 期限まで余裕あり |
| 期限なし | 期限の登録がない物（日用品など） |