SalesScript Pro - 営業トークスクリプト&ロールプレイ練習ツール

## 1. アプリの目的・ターゲットユーザー
営業職・テレアポ担当・フリーランス営業など、商談やアポイント獲得のトークスクリプトを整備したい人向けの無料ツール。「どう切り返せばいいか分からない」「断られた時に言葉に詰まる」といった悩みに対し、スクリプト作成→想定問答の整備→ブラウザ上でのロールプレイ練習（AI不使用・内製シナリオ）まで一気通貫で行える。

---

## 2. 主要機能
- **スクリプトエディタ**: 「オープニング→ヒアリング→提案→クロージング→アフターフォロー」の5ステップ構成でテンプレートを選んでテキストを編集。業種別プリセット（IT営業・保険・不動産・飲食卸・求人広告）を5種類搭載。
- **想定問答（Q&A）ビルダー**: 「断り文句→切り返しトーク」のペアを複数登録できる想定問答テーブル。「値段が高い」「今は必要ない」「上司に確認します」など30件のプリセット断り文句から選んで切り返しを肉付けできる。
- **ロールプレイモード**: 登録した想定問答を使い、画面に「お客様セリフ（断り文句）」がランダムまたは順番に表示され、自分の切り返しトークを確認しながら練習できる一問一答型演習。正解トーク表示・メモ欄付き。
- **スクリプト印刷・テキストコピー**: 完成したスクリプトを整形してブラウザ印刷（A4縦）またはプレーンテキストでコピーできる。
- **ローカル保存**: LocalStorageにスクリプトと想定問答を自動保存。複数案件（最大10件）のスクリプトを切り替え管理できる。

---

## 3. 画面構成

### トップページ（ダッシュボード）
- 保存済みスクリプト一覧（カード形式、タイトル・業種・最終編集日）
- 「新規作成」ボタン
- 「プリセットから始める」ボタン（5業種選択モーダル）

### スクリプト編集画面
- 左サイドバー: ステップ一覧タブ（オープニング／ヒアリング／提案／クロージング／アフター）
- メインエリア: 選択したステップのトークテキストをtextareaで編集
- 右サイドに「想定問答タブ」を切り替えで表示
- 上部ナビ: タイトル編集・印刷・テキストコピー・保存ボタン

### 想定問答ビルダー
- テーブル形式（断り文句 / 切り返しトーク の2カラム）
- 「+ 追加」ボタン・プリセット選択プルダウン・削除ボタン
- 各行インライン編集

### ロールプレイ練習画面
- 全画面カード表示：「お客様：〇〇〇〇」のセリフカードが中央に大きく表示
- 「切り返しを見る」ボタンで登録済み切り返しトークをフリップ表示
- 「OK / 要復習」ボタンでセルフ採点（セッション内の正解率を最後に表示）
- 「ランダム」「順番」モード切り替えトグル
- セッション終了後に正解率と「要復習リスト」を表示

---

## 4. データ構造（LocalStorage）

```json
{
"scripts": [
{
"id": "uuid",
"title": "ITクラウド営業トーク",
"industry": "IT",
"updatedAt": "2025-01-01",
"steps": {
"opening": "テキスト...",
"hearing": "テキスト...",
"proposal": "テキスト...",
"closing": "テキスト...",
"followup": "テキスト..."
},
"qa": [
{ "id": "uuid", "objection": "値段が高い", "rebuttal": "切り返しトーク..." }
]
}
]
}
```

※ DBなし・サーバーサイド不要・PHPは静的ファイル配信のみ

---

## 5. デザインの方向性
- カラー: ネイビー（#1a2b4a）×ホワイト×アクセントにアンバー（#f5a623）の知的でビジネスライクな配色
- フォント: 日本語 Noto Sans JP、見出しは太め
- ロールプレイ画面はフラッシュカード風の大きなカードUI（影付き、フリップアニメーション）
- モバイルでも練習しやすいよう、練習画面はシンプルな縦1カラムレイアウト
- アイコンはFont Awesome（CDN）を使用
- 全体的にシャドウカード型のモダンUIで、過度な装飾なく実用性重視