PrivacyMask - テキスト・個人情報マスキング＆仮名置換ツール

## 1. アプリの目的・ターゲットユーザー
議事録・チャット履歴・契約書・医療記録・採用書類などに含まれる個人情報（氏名・住所・電話番号・メールアドレス・マイナンバー等）を、ブラウザ内だけで即座にマスキングまたは自然な仮名に置換できる無料ツール。
- **主なターゲット**：社内資料をブログや社外資料に転用したいビジネスパーソン／インタビュー音声を文字起こしして共有したいライター・記者／個人情報を伏せてAIサービスに貼り付けたいエンジニア・PM／教育現場で事例教材を作成する教員
- テキストはサーバーに一切送信せず、すべてブラウザ（JS）内で処理する点を前面に打ち出す。

## 2. 主要機能
- **自動検出＆マスキング**：正規表現ベースで日本語氏名（姓名パターン）・電話番号・メールアドレス・郵便番号・住所・マイナンバー・クレジットカード番号・生年月日の8カテゴリを自動検出し、「●●●」またはカテゴリ記号（例：`[氏名A]`）に一括置換。
- **仮名置換モード**：氏名・会社名・地名を内蔵辞書（氏名300件・会社名100件・地名50件）からランダムに差し替え、文章の自然さを保ったまま匿名化できる。同一テキスト内で同じ元値には同じ仮名が割り当てられる（一貫性マッピング）。
- **カスタムワード登録**：マスキングしたい独自キーワード（プロジェクトコード名・製品名・人物名など）を最大20件手動登録し、自動検出に追加できる。
- **ハイライトプレビュー**：入力テキストの検出箇所をカテゴリ別カラーでハイライト表示。置換前・置換後をタブ切り替えで即確認。
- **差し戻しマッピング表**：「元の値→仮名」の対応表をローカルに保持し、CSV出力できる（関係者への開示用）。
- **コピー＆ダウンロード**：変換後テキストをワンクリックでクリップボードコピー、またはtxtファイルとしてDL。

## 3. 画面構成
### メイン画面（シングルページ構成）
```
┌─────────────────────────────────────┐
│ PrivacyMask ロゴ ／ 「完全ブラウザ処理・サーバー送信なし」バッジ │
├───────────────────┬─────────────────┤
│ 左ペイン：入力エリア │ 右ペイン：出力エリア │
│ テキストエリア(大) │ ハイライト表示 or │
│ ドラッグ&ドロップ対応 │ 置換後テキスト(tab) │
├───────────────────┴─────────────────┤
│ オプションバー │
│ モード: [●●●マスク] [仮名置換] │
│ 検出カテゴリ: ☑氏名 ☑電話 ☑メール ... │
│ カスタムワード追加フォーム │
├─────────────────────────────────────┤
│ [マスキング実行] ボタン（大・中央） │
├─────────────────────────────────────┤
│ マッピング表（折りたたみ） [CSV出力] │
│ 元テキスト → 置換後テキスト 一覧 │
└─────────────────────────────────────┘
```
- スマホは縦1カラムに折り畳み、入力→実行→出力の縦フローで操作。
- 「サーバーに送信されません」の説明バナーを常時表示し信頼感を強調。

## 4. データ構造
### DBは不使用（完全フロントエンド完結）
- **仮名辞書**（JS定数 or JSON内蔵）
- `names_first[]`：よくある名前300件
- `names_last[]`：よくある苗字300件
- `company_names[]`：架空会社名100件
- `place_names[]`：架空地名50件
- **検出ルール**（JS正規表現オブジェクト配列）
```js
{ id: 'phone', label: '電話番号', pattern: /0\d{1,4}-\d{2,4}-\d{4}/g, color: '#f59e0b' }
```
- **マッピングテーブル**（実行ごとにJS Map生成、セッション中のみ保持）
- `Map<元値, 仮名>` — 同一テキスト内の一貫性を保証
- LocalStorage：カスタムワードリスト（最大20件）のみ保存

## 5. デザインの方向性
- **カラーパレット**：ネイビー(#1e3a5f)×ホワイト×アクセントに明るいティール(#0ea5e9)。セキュリティ・信頼感を連想させる落ち着いたトーン。
- **フォント**：本文はNoto Sans JP、コードや変換結果はmonospace。
- ハイライトカラーは検出カテゴリ別（例：氏名=黄、電話=オレンジ、メール=青）で視覚的に分離。
- 実行ボタンは大きめ（48px高）でモバイルタップしやすく。
- 「鍵マーク＋盾アイコン」をヘッダーに配置し、プライバシー訴求を視覚的に強化。
- アニメーション：マスキング実行時にテキスト行が左→右へスキャンされるようなプログレスバーをシンプルに表示（CSSのみで実現）。
- ダークモード対応（OS設定に自動追従）。