LifeLog360 - 人生の出来事・転機を記録する「自分史データベース」

## 1. アプリの目的・ターゲットユーザー
人生の節目・転機・日常の印象的な出来事を「カテゴリ×感情×重要度」で構造化して記録し、年齢軸タイムラインや統計ビューで「自分の人生を俯瞰できる」ブラウザ完結型の自分史データベース。ターゲットは20〜60代の振り返り・自己分析に関心のある人（就活・転職・終活の前整理、自叙伝作成、カウンセリング補助にも活用可能）。既存のMentalWeather（気分記録）・SleepLog（睡眠）・HabitRing（習慣）と異なり、「人生スケール（数年〜数十年）の出来事を1本の線に並べる」ことに特化する。

## 2. 主要機能
- **出来事登録**: タイトル・日付（年月日または年月のみも可）・カテゴリ（仕事/学業/家族/恋愛・結婚/健康/趣味/旅行/住居/お金/その他）・感情タグ（喜び/達成/感謝/悲しみ/後悔/驚き/成長）・重要度（星1〜5）・自由メモ（500文字）で登録。編集・削除対応。
- **年齢軸タイムライン**: 横スクロールの時系列バー上に出来事をカード表示。カテゴリ別に色分け、重要度が高いほどカードを大きく表示。スマホは縦スクロールに自動切替。
- **ライフチャート**: 年齢（または西暦年）をX軸、ユーザーが入力した「そのとき自分は何点だったか（0〜100点）」をY軸にしたライン折れ線グラフ。出来事の登録時に任意で充実度スコアを入力可能。
- **カテゴリ・感情統計ダッシュボード**: カテゴリ別・感情別の記録件数をドーナツグラフと棒グラフで表示。「もっとも多く記録している感情」「転機の多かった年齢帯」などをテキストで自動要約して表示。
- **自分史レポート出力**: 登録済み出来事を年代順に並べた「自分史テキスト」を自動生成し、印刷プレビュー/ダウンロード（HTML→印刷）で出力。
- **エクスポート/インポート**: 全データをJSON形式でダウンロード・アップロード可能。端末間移行や手動バックアップに対応。

## 3. 画面構成
- **トップ（ダッシュボード）**: 登録件数・最近追加した出来事3件・カテゴリ分布ドーナツ・ライフチャート縮小プレビューをカード配置。右上に「出来事を追加」ボタン（モーダル起動）。
- **タイムラインビュー**: 年齢軸/西暦軸の切替ボタン。カテゴリフィルター（チェックボックス複数選択）、感情フィルター、重要度フィルター（星3以上など）。カードクリックで詳細モーダル表示・編集ボタン。
- **統計ビュー**: カテゴリ別件数ドーナツ・感情別棒グラフ・年代別件数棒グラフ・ライフチャート（折れ線）の4ウィジェット。
- **自分史レポートビュー**: 出来事を時系列テキストで整形表示。ヘッダー・区切り線付きの印刷最適化レイアウト。印刷ボタン。
- **設定ページ**: 生年月日入力（年齢計算用）、テーマカラー選択（ライト/ダーク/セピア）、エクスポート/インポート、全データ削除（確認ダイアログ付き）。
- **出来事登録・編集モーダル**: タイトル(必須)・日付・カテゴリ(セレクト)・感情タグ(チェックボックス複数可)・重要度(星クリック)・充実度スコア(スライダー 0〜100)・メモ(textarea)。

## 4. データ構造
LocalStorageのみで完結（DB不要）。JSON構造:
```
{
"profile": { "birthdate": "YYYY-MM", "theme": "light" },
"events": [
{
"id": "uuid",
"title": "string",
"date": "YYYY-MM-DD or YYYY-MM",
"category": "work|study|family|love|health|hobby|travel|home|money|other",
"emotions": ["joy","achieve",...],
"importance": 1-5,
"score": 0-100 or null,
"memo": "string",
"createdAt": "ISO8601",
"updatedAt": "ISO8601"
}
]
}
```
保存容量の目安: 出来事1000件でもLocalStorage 5MB制限内に収まる設計。

## 5. デザインの方向性
- **コンセプト**: 「一冊の上質なアルバム」のような温かみと落ち着き。ノスタルジックすぎず、データ可視化としての清潔感も両立。
- **カラーパレット**: ベース色はオフホワイト (#FAFAF7)、アクセントはインクブルー (#2C4A7C)、カテゴリ別に10色（マテリアルデザイン系の落ち着いたトーン）。ダークモードはスレートグレー系。
- **フォント**: 見出しは少し丸みのあるサンセリフ（Noto Sans JP）、タイムラインカードは小さめでも読みやすい14px。
- **タイムライン**: カードはシャドウ付きの角丸カード。重要度5はゴールドのボーダーで強調。感情タグはカラフルな小ピルバッジ。
- **グラフ**: Chart.jsを使用。アニメーション付きで初期表示をリッチに演出。
- **レスポンシブ**: スマホはボトムナビ（タイムライン/統計/レポート/設定）、PCはサイドバーナビ。