BodyMap - 人体症状セルフチェック＆医療知識図鑑

## 1. アプリの目的・ターゲットユーザー
「なんとなく体がおかしい」と感じたとき、どの科を受診すればよいか迷う一般ユーザー向けに、インタラクティブな人体図から症状を入力し、考えられる原因・受診推奨診療科・応急処置を提示する医療知識サポートアプリ。20〜60代の健康意識の高い個人・子育て中の親を主なターゲットとする。あくまで「受診判断の参考情報」として提供し、診断を行わない旨を明示する。外部API不要・内製データで完結。

## 2. 主要機能
- **インタラクティブ人体マップ**: 正面・背面・顔面・手足の4ビュー切替可能なSVG人体図。各部位をクリック/タップすると症状入力パネルが表示される（頭・目・耳・鼻・のど・胸・腹・腰・腕・脚など約30部位）
- **症状チェッカー**: 部位を選んだあと、症状キーワード（痛み・しびれ・むくみ・発熱・かゆみ・腫れなど16種）と強度（軽・中・強）を選択すると、考えられる原因疾患（3〜5件）・推奨診療科・応急処置を提示
- **医療知識図鑑**: 人体臓器・骨格・筋肉の3カテゴリ、合計120項目の解説カード。図解イラスト付きで構造と働きをわかりやすく説明
- **症状メモ帳**: 記録した症状を日時付きでLocalStorageに保存。受診時に医師へ見せられる「症状サマリー印刷」機能付き
- **健康トリビアクイズ**: 毎日1問、人体・医療・健康に関する4択クイズを出題。全50問のローテーション

## 3. 画面構成
- **トップページ**: キャッチコピー＋「今すぐ症状チェック」「図鑑を見る」「クイズに挑戦」の3ボタン。免責事項バナーを目立つ位置に表示
- **症状チェッカー画面**: 左半分にSVG人体図（PC）/上部に人体図（スマホ）、右半分/下部に部位別症状選択パネル。選択後に結果カード（疾患名・説明・受診科アイコン・応急処置）をアコーディオン表示
- **医療図鑑画面**: カテゴリタブ（臓器/骨格/筋肉）＋検索バー。カード一覧グリッドをクリックするとモーダルで詳細表示（イラスト＋説明文＋関連症状リンク）
- **症状メモ帳画面**: 記録一覧タイムライン（日時・部位・症状・強度）。印刷ボタンで「受診用サマリー」をブラウザ印刷
- **クイズ画面**: 今日の1問表示＋4択ボタン。正解後に解説表示。連続正解日数ストリーク表示

## 4. データ構造
### PHPファイル内蔵JSONデータ（DBなし）
- **body_parts.json**: `{id, name, label_x, label_y, view(front/back/face/limb)}`（約30件）
- **symptoms.json**: `{part_id, symptom_type, intensity, possible_conditions:[{name, description, department, first_aid}]}`（約200エントリ）
- **encyclopedia.json**: `{id, category, name, summary, detail, related_parts[]}`（120件）
- **quiz.json**: `{id, question, choices[4], correct_index, explanation}`（50件）
### LocalStorage（ブラウザ保存）
- `bodymap_logs`: `[{timestamp, part_id, symptom_type, intensity, note}]`
- `bodymap_quiz_streak`: `{last_date, streak_count, answered_ids[]}`

## 5. デザインの方向性
- カラーパレット: 清潔感のある白ベース＋医療らしいティール（#00818A）をアクセントカラー、警告色にコーラルオレンジ（#FF6B6B）
- SVG人体図は線画シルエットスタイル（性別を問わないジェンダーニュートラルなデザイン）。クリックした部位がティール色でハイライト
- フォントはNoto Sans JP使用。カード・モーダルは角丸＋薄いシャドウで柔らかい印象
- 免責事項は常にフッターと結果表示の両方に表示し、診断ツールではなく情報提供ツールであることを徹底
- スマホ優先のレスポンシブ設計。人体図はスワイプでビュー切替