BizCard Organizer - 商談・面談メモ一元管理ツール

## 1. アプリの目的・ターゲットユーザー
営業担当者・フリーランサー・士業の方が「商談・面談のその場でメモを取り、後から振り返れる」ことを目的とした、商談記録に特化したブラウザ完結型ツール。ContactFlowが名刺・人脈管理に特化しているのに対し、本ツールは「商談・面談の内容そのもの（会話メモ・課題・宿題・感触スコア）」の記録・振り返り・次回アクション管理に特化する。登録不要・LocalStorage保存でスマホからでも即使用できる。

## 2. 主要機能
- **商談メモ記録**: 日時・相手名（会社名・役職）・面談種別（初回商談/提案/クロージング/フォロー/その他）・会話サマリー・課題メモ・次回アクション・感触スコア（1〜5段階の絵文字評価）を1画面で入力・保存
- **タイムライン表示**: 同一相手との商談履歴を時系列カードで一覧表示。前回の課題や宿題を上部にバナー表示して「前回何を約束したか」を即確認
- **次回アクション管理**: 各商談から「宿題・TODO」を登録し、期日別にダッシュボードへ集約。期日超過は赤、当日は黄で視覚的に警告
- **感触グラフ**: 相手ごとに感触スコアの推移を折れ線グラフで表示し、商談の温度感の変化を視覚化
- **キーワード検索・フィルター**: 会社名・担当者名・メモ内容の全文検索と、面談種別・感触スコア・期間でのフィルタリング
- **エクスポート**: 全商談データをCSVでダウンロード（会社名・担当者・日時・サマリー・次回アクション含む）

## 3. 画面構成
- **ダッシュボード（トップ）**: 今日・明日・今週の次回アクション一覧カード、直近5件の商談サマリー、感触スコア平均のサマリーバー、「＋新規商談メモ」ボタンを配置
- **商談入力モーダル**: フローティングモーダルで日時・相手情報・面談種別（セレクト）・会話メモ（テキストエリア）・課題メモ・次回アクション（テキスト＋期日date）・感触スコア（😞😐🙂😀🔥の5段階）を入力。保存ボタンでLocalStorageへJSON保存
- **相手別タイムラインページ**: 相手名をクリックすると商談履歴一覧へ遷移。各カードに面談種別バッジ・感触スコア絵文字・次回アクション（達成/未達成トグル）・編集/削除ボタンを表示。上部に感触推移グラフ（Chart.js軽量折れ線）
- **アクション管理ページ**: 全商談から抽出した次回アクションを期日順に並べたタスクリスト。完了チェックボックス、相手名リンク、期日カラーコーディング
- **設定ページ**: データのCSVエクスポート、データ全削除（確認ダイアログ付き）、テーマ切替（ライト/ダーク）

## 4. データ構造
すべてLocalStorageにJSON配列で保存（DBなし・サーバーサイドなし）。
```json
// contacts[]
{ id, name, company, title, createdAt }

// meetings[]
{ id, contactId, datetime, type, summary, challenge, nextAction, dueDate, score, done, createdAt, updatedAt }
```
- contactId で meetings と contacts を紐づけ
- done: 次回アクション完了フラグ（boolean）
- score: 1〜5の整数

## 5. デザインの方向性
- カラー：ネイビー（#1E3A5F）をベース、アクセントにアンバー（#F59E0B）。清潔感あるビジネストーン
- カードUIを基調とし、感触スコアは絵文字で直感的に把握できるようにする
- モバイルファーストのシングルカラムレイアウト。PC時は左サイドバーにナビ・右にメインコンテンツの2カラム
- フォント：Noto Sans JP。角丸カード・ドロップシャドウで柔らかい印象
- 商談メモ入力はモーダルで完結し、ページ遷移なく素早く記録できることを最優先
- Chart.jsはCDNで読み込み、感触推移の折れ線グラフのみ使用（軽量化）