MeetingFlow - 会議アジェンダ&議事録メーカー

## 1. アプリの目的・ターゲットユーザー
中小企業の会議担当者・プロジェクトリーダー・フリーランスが「会議前のアジェンダ作成」「会議中のリアルタイム議事録記録」「会議後のTo-Do共有」を1つのアプリで完結できる業務支援ツール。Wordやメモ帳を行き来する手間をなくし、会議の準備から振り返りまでをテンプレート駆動でスピードアップする。

## 2. 主要機能
- **アジェンダテンプレート生成**: 会議種別（定例/キックオフ/1on1/ブレスト/報告/振り返りKPT）を選ぶとアジェンダ骨格を自動展開。議題・担当者・持ち時間を各行に入力できる
- **タイムキーパー付き進行モード**: アジェンダの持ち時間に基づきカウントダウンタイマーを自動セット。議題ごとにスタート/スキップでき、超過時は赤くフラッシュして警告
- **リアルタイム議事録入力**: 各議題ごとに「決定事項 / 課題・懸念 / アクションアイテム (担当者・期日)」の3ブロックに分けて入力。箇条書きをMarkdown形式で保存
- **To-Doエクスポート**: アクションアイテムだけを抽出して一覧表示し、テキスト(TSV)/HTML/Markdown形式でコピーまたはダウンロード
- **議事録PDFプレビュー&印刷**: ロゴ(テキスト)・会議名・日時・参加者をヘッダーに自動挿入し、ブラウザの印刷ダイアログ経由でPDF出力
- **過去議事録一覧&全文検索**: LocalStorageに保存した議事録をカード表示し、キーワード検索でアクションアイテムや決定事項を横断検索

## 3. 画面構成
### トップ画面 (index.php)
- 「新規会議を始める」ボタン（大きく目立つCTA）
- 過去議事録カード一覧（会議名・日付・参加者数・ステータス[進行中/完了]）
- 上部にキーワード検索バー

### アジェンダ作成画面 (meeting-setup)
- 会議基本情報フォーム：会議名・日時・場所(任意)・参加者（カンマ区切り）
- 会議種別セレクタ（6種）→選択でアジェンダ行を自動追加
- アジェンダリスト：ドラッグ&ドロップで順番変更可能な行、各行に「議題テキスト / 担当者 / 持ち時間(分)」入力欄
- 「会議を開始する」ボタン

### 進行&議事録画面 (meeting-run)
- 上部：会議名・経過時間（全体ストップウォッチ）
- 左ペイン：アジェンダリスト（現在議題をハイライト、完了済みはチェックマーク）
- 右ペイン：選択中議題のタイムカウントダウン + 3ブロック入力エリア（決定事項/課題/アクションアイテム）
- アクションアイテム行：テキスト・担当者名・期日の3フィールド、「+追加」ボタン
- 「次の議題へ」「会議を終了する」ボタン

### 議事録サマリー画面 (meeting-summary)
- 全議題の決定事項・課題をまとめて表示
- アクションアイテム一覧（担当者別にグルーピング切替可能）
- エクスポートボタン群（テキストコピー / Markdown DL / 印刷用PDF）
- 「保存して一覧へ戻る」ボタン

## 4. データ構造
DBは使用せず **LocalStorage** のみで完結（登録不要・即使用）。
```
LocalStorageキー: "mf_meetings"
値: JSON配列
[
{
"id": "uuid",
"title": "会議名",
"type": "kickoff", // 会議種別
"datetime": "2025-07-01T14:00",
"location": "会議室A",
"attendees": ["田中", "山田"],
"status": "done", // preparing / running / done
"agenda": [
{
"id": "a1",
"topic": "プロジェクト概要説明",
"owner": "田中",
"minutes": 10,
"decisions": "◯◯を採用することで合意",
"issues": "予算詳細は次回",
"actions": [
{ "text": "仕様書作成", "owner": "山田", "due": "2025-07-05" }
]
}
],
"createdAt": "ISO8601",
"updatedAt": "ISO8601"
}
]
```

## 5. デザインの方向性
- **カラーパレット**: ダークネイビー(#1A2340)をベース、アクセントカラーにターコイズブルー(#00C9B1)、ホワイト/ライトグレー文字
- **フォント**: Noto Sans JP（本文）、数字はタイムキーパー部分のみ大きめのモノスペース
- **レイアウト**: PCでは2カラム（左アジェンダリスト / 右入力エリア）、スマホでは縦1カラムにスタック
- **タイムカウントダウン**: 残り30秒でオレンジ→0秒で赤く点滅するアニメーション
- **雰囲気**: 「仕事中でも使いやすいプロフェッショナルな暗めUI」。余計な装飾を省き、情報密度を高めつつ視認性を確保
- スマホでの議事録入力を想定し、タップターゲットは44px以上を確保