MeetingCost リアルタイム会議コスト可視化ツール

## 1. アプリの目的・ターゲットユーザー
「この会議、実はいくらかかっているのか？」をリアルタイムで可視化し、会議の価値を数字で意識させることで、無駄な会議を削減・改善するブラウザ完結型ツール。
ターゲット：会議コスト削減に取り組む管理職・チームリーダー・経営者・人事担当者。スタートアップから中小企業まで幅広く対応。

## 2. 主要機能
- **リアルタイムコストメーター**：会議開始ボタンを押すと、参加人数×平均時給×経過時間でコストを秒単位でカウントアップ表示（大きなデジタル数字でインパクト重視）
- **参加者プリセット設定**：役職別の標準時給テーブル（一般社員・主任・課長・部長・役員の5段階）をスライダーで調整可能。人数は1〜30名まで指定
- **会議タイプ別ROI評価**：終了後に「この会議で決まったこと（決議件数・To-Do数）」を入力すると、コストあたりの生産性スコアを自動算出しA〜Eで評価
- **コスト履歴ダッシュボード**：過去の会議記録（日時・人数・時間・コスト・ROIスコア）をLocalStorageに蓄積し、棒グラフと一覧で確認。週次・月次の合計コストも表示
- **無駄会議ワーストランキング**：蓄積データから「高コスト×低ROI」の会議をピックアップし、改善を促すワースト5を表示
- **共有用サマリーカード生成**：会議終了後に「コスト・参加人数・時間・ROIスコア」をまとめた画像風サマリーカード（PNG）をダウンロードできる機能。チームへの啓発に利用可能

## 3. 画面構成
### TOP画面（会議セットアップ）
- 会議名（任意入力）
- 参加人数スライダー（1〜30名）
- 役職構成の簡易設定（役職別割合をスライダーで配分 or 「全員一般」などのプリセットボタン）
- 計算された平均時給の表示
- 「会議スタート」ボタン（大きく目立つデザイン）

### 計測画面
- 中央に大きなコストカウンター（¥XXXXXX と秒単位で増加）
- 経過時間（HH:MM:SS）
- 参加人数と平均時給の確認表示
- コスト警告バー：設定した目標コスト上限に近づくと黄→赤にグラデーション変化
- 「一時停止」「終了して評価へ」ボタン

### 評価・記録画面
- コスト・時間・人数のサマリー
- 「この会議で生まれたアウトプット」入力フォーム（決議数・To-Do数・アイデア数のスピナー）
- ROIスコア（A〜E）の表示と短評テキスト
- 「保存する」「サマリーカードをDL」「やり直す」ボタン

### ダッシュボード画面（ヘッダーメニューから遷移）
- 今月の総会議コスト・総会議時間・平均ROIスコアのKPIカード3枚
- 日別コスト棒グラフ（直近30日）
- 過去会議一覧テーブル（削除可能）
- 無駄会議ワースト5リスト（赤背景でハイライト）

## 4. データ構造
すべてLocalStorageで完結（DBなし・サーバ不要）。
```json
{
"settings": {
"wage_presets": {
"general": 3000,
"senior": 4500,
"manager": 6000,
"director": 9000,
"executive": 15000
}
},
"meetings": [
{
"id": "uuid",
"name": "週次定例",
"date": "2025-07-01T10:00:00",
"duration_sec": 3600,
"participants": 8,
"avg_wage": 5200,
"total_cost": 41600,
"decisions": 3,
"todos": 5,
"ideas": 2,
"roi_score": "B"
}
]
}
```

## 5. デザインの方向性
- **カラースキーム**：ダークネイビー（#0D1B2A）を基調にコストカウンターをアンバー（#F5A623）の大型デジタルフォントで表示。ROI良好時はグリーン、低評価時はレッドをアクセントに使用
- **フォント**：カウンター部分は「Segment7」や「Roboto Mono」などのデジタル時計風フォント、その他はクリーンなサンセリフ
- **UI感覚**：ストップウォッチ・タコメーター的な「計器」イメージ。無機質なほど「コストが出ていく感」が伝わる
- **アニメーション**：コスト増加時に数字が跳ね上がる微細なアニメ、上限接近時の背景パルス演出でプレッシャーを演出
- **レスポンシブ**：スマホでも会議中にポケットから出してカウンターを見せられるよう、縦長レイアウトに最適化