PlantDiary - 植物育成日記＆診断アプリ

## 1. アプリの目的・ターゲットユーザー
観葉植物・家庭菜園・ガーデニング愛好家が、育てている植物を記録・管理し、葉の状態から不調を診断できるWebアプリ。初めて植物を育てる初心者から複数鉢を管理する上級者まで幅広く対応。「水やりのタイミングがわからない」「葉が黄色くなった原因が知りたい」という日常的な悩みを解決する。

## 2. 主要機能
- **植物登録＆プロフィール管理**: 植物名・ニックネーム・置き場所・購入日・写真URL(またはBase64)を登録。内製の植物マスタ50種（モンステラ・サボテン・トマト・バジルなど）からテンプレート選択でケアガイドを自動補完
- **水やり・施肥・植え替えログ**: 日付とメモをワンタップで記録。次回水やりの目安日をケアガイド（植物ごとの推奨周期）から自動算出してバッジ表示
- **不調診断チェッカー**: 「葉が黄色い」「葉先が茶色い」「水はけが悪い」など症状を選択式で入力すると、内製の診断ルールエンジン（約30パターン）が原因と対処法を表示
- **成長記録タイムライン**: 日付順のカード型タイムラインで記録を一覧表示。株の高さ・写真・メモを時系列で振り返れる
- **ケアアラートバッジ**: 登録植物一覧画面で「水やり期限切れ」「施肥タイミング」をアイコンバッジで通知。LocalStorageベースで期限管理
- **植物図鑑ページ**: 内製50種の特徴・難易度・置き場所・水やり頻度・注意点を一覧表示する読み物コンテンツ

## 3. 画面構成
- **トップ/マイガーデン画面**: 登録した植物がカード一覧で並ぶ。各カードに植物名・ニックネーム・次回水やり日・ケアアラートバッジ。右下に「＋植物を追加」FAB
- **植物登録/編集画面**: 植物マスタ選択プルダウン→自動でケア情報補完→ニックネーム・置き場所・メモを入力
- **植物詳細画面**: タブ切り替え（ケア情報 / 成長日記 / 診断履歴）。日記タブに「水やり」「施肥」「植え替え」「メモ」の記録ボタン
- **不調診断画面**: ステップ式UI（①植物選択→②症状チェックボックス複数選択→③結果表示）。結果カードに原因・対処法・予防策を表示
- **植物図鑑画面**: カード形式50種一覧。タップで詳細モーダル表示
- **ナビゲーション**: 下部タブバー（マイガーデン / 図鑑 / 診断 / 設定）

## 4. データ構造
**DBなし・LocalStorageのみで完結（サーバーレス）**

```
plants[] : {
id, masterKey, nickname, location, purchasedAt,
photoDataUrl, note, createdAt
}

careLog[] : {
id, plantId, type(water/fertilize/repot/memo),
date, memo, heightCm
}

diagnosisHistory[] : {
id, plantId, symptoms[], resultKey, date
}
```

**内製JSONファイル（静的）**
- `plant_master.json`: 50種の植物データ（名前・学名・難易度・水やり周期日数・施肥周期・推奨置き場所・アイコン絵文字）
- `diagnosis_rules.json`: 症状の組み合わせ→原因・対処法のルールテーブル（約30パターン）

## 5. デザインの方向性
- **カラーパレット**: 深みのあるグリーン(#2D6A4F)をメインに、ベージュ/アイボリー(#F8F4E8)の背景で自然・落ち着き感を演出。アクセントは淡いミントグリーン(#74C69D)
- **フォント**: 日本語は丸みのあるゴシック体、見出しはやや太め
- **アイコン**: 葉・水滴・太陽などの植物系絵文字＋SVGアイコンを多用してビジュアルリッチに
- **カード**: 角丸・薄シャドウで柔らかい印象。植物ごとにアイコン絵文字でカラーアクセント
- **全体感**: Garden journal（植物の育成手帳）のようなアナログ×デジタルの温かみあるUIを目指す。スマホファースト設計で下部タブナビ固定