PriceNegotiator - 単価・値引き交渉シミュレーター

## 1. アプリの目的・ターゲットユーザー
営業担当者・フリーランス・個人事業主が、取引先との価格交渉前に「どこまで値引きできるか」「値引きしたら利益はどう変わるか」を事前にシミュレーションして交渉戦略を立てられる無料ブラウザツール。経験が浅い営業員や個人事業主が「根拠のある価格提示」ができるようになることを目標とする。

## 2. 主要機能
- **原価・利益シミュレーター**: 原価・固定費按分・目標利益率を入力し、「提示できる最低単価」「推奨見積単価」を自動算出。値引き額をスライダーで調整すると粗利・粗利率がリアルタイム更新。
- **値引き交渉シナリオ比較**: 「正価」「5%引き」「10%引き」「独自カスタム」の4パターンを横並び表で比較。各パターンの粗利額・粗利率・月間想定本数入力による月次利益額を同時表示。
- **交渉トークスクリプト自動生成**: 入力した原価・値引き限界・強みキーワード(品質/納期/実績など)をもとに、「値引き要求を断るトーク」「代替案提示トーク」「最終譲歩トーク」の3パターンの文例を自動組み立て。コピーボタンで即利用可能。
- **ダンピング危険度チェック**: 業種別の標準粗利率(目安値を内製DBで保持)と比較し、設定単価が「危険ゾーン/注意ゾーン/安全ゾーン」のどれに該当するか信号機アイコンで警告。
- **シナリオ保存・ロード**: ブラウザのLocalStorageに最大10件のシナリオを名前付き保存。前回の交渉データを呼び出してすぐ再利用できる。

## 3. 画面構成
### ① トップ画面
- キャッチコピーと使い方3ステップのイラスト説明
- 「今すぐシミュレーション開始」ボタン
- 保存済みシナリオ一覧カード(LocalStorage)

### ② 入力パネル(左カラム or 上部)
- 商品・サービス名(テキスト)
- 原価入力(円)
- 固定費按分(円、任意)
- 目標粗利率(スライダー 0〜80%)
- 月間想定販売数(個)
- 強みキーワード(チェックボックス: 品質・納期・アフターサポート・実績・独自技術)
- 業種セレクト(製造/IT/建設/サービス業/小売/その他)

### ③ 結果パネル(右カラム or 下部)
- 推奨見積単価・最低単価バッジ
- 値引きスライダー(0〜30%)
- 4パターン横並び比較テーブル(正価/5%/10%/カスタム)
- ダンピング危険度信号機
- 月次利益シミュレーション棒グラフ(Canvas.jsまたは素のCanvas)

### ④ 交渉スクリプトパネル
- タブ切替(断るトーク/代替案/最終譲歩)
- 自動生成テキストエリア(コピーボタン付き)

### ⑤ シナリオ管理モーダル
- 保存・上書き・削除・ロード操作

## 4. データ構造
### DBは使用しない(LocalStorageのみ)
```json
// LocalStorage key: "priceneg_scenarios"
[
{
"id": "uuid",
"name": "A社向け提案 2025-07",
"itemName": "Webサイト制作",
"cost": 80000,
"fixedCost": 10000,
"targetMarginRate": 40,
"monthlyQty": 3,
"strengths": ["納期", "実績"],
"industry": "IT",
"customDiscountRate": 8,
"savedAt": "2025-07-01T10:00:00Z"
}
]
```
### 内製静的データ(PHPファイル内配列)
- 業種別標準粗利率テーブル(例: IT=40〜60%、製造=20〜35%、小売=25〜45% など10業種)
- 交渉トークテンプレート文(業種・強みキーワードの組み合わせで文字列置換)

## 5. デザインの方向性
- カラーパレット: ネイビー(#1A2B4A)×ゴールド(#C9A84C)×ホワイトのビジネスライク配色
- フォント: 游ゴシック / sans-serif、数値は大きめ表示で視認性重視
- 信号機アイコン: 赤/黄/緑のCSSのみのサークルバッジ
- スライダー操作で数値がアニメーション更新されるインタラクティブUI
- スマホ: 入力→結果→スクリプトの縦スクロール1カラム構成
- PC: 左に入力パネル、右に結果・グラフの2カラム構成
- 全体的にシンプルでプロフェッショナル感を重視し、装飾は最小限