ReadyPaste - コピペ専用フォーマット爆速変換ツール

## 1. アプリの目的・ターゲットユーザー
ネット上からコピーしたテキスト（Webページ、PDF、スプレッドシート、チャットログなど）には、余計な改行・スペース・特殊文字・HTMLタグが混入していることが多い。ReadyPaste は「貼り付けたら即使える状態」に最速で整形することに特化した爆速フォーマット変換ツール。
- **ターゲット**: ライター・マーケター・エンジニア・事務職・学生など、日常的にコピペ作業をするすべての人
- **SNS拡散ポイント**: 「これ何年も欲しかった」「Webからコピーした汚いテキストが一発でキレイに」という体験型バズを狙う

## 2. 主要機能
- **スマートクリーニング**: Webコピー時の余分な改行・インデント・HTML実体参照（& など）・ゼロ幅スペース・全角スペースを一括除去。左ペインに貼るだけで右ペインにリアルタイム整形結果を表示
- **ワンクリック変換プリセット（ボタン群）**:
- 「メール貼り付け用」→ 段落は2行空け、余白なし、署名行区切り線付き
- 「スプレッドシート用」→ タブ区切りをカンマに変換、数値の¥/$記号・カンマを除去
- 「Markdown用」→ 見出し行に#を付与、URL自動リンク化、コードブロック検出
- 「箇条書き整形」→ バラバラな「・/-/●/◆/数字.」を統一し、ネスト深さを視覚化
- 「名簿クリーン」→ 姓名の間スペース統一、フリガナ分離、電話番号ハイフン正規化
- 「数字だけ抽出」→ テキストから金額・数値だけ縦並びリスト化してコピー可能
- **カスタム変換ルール**: 正規表現不要で「この文字列 → この文字列」に置換するルールを最大10件保存し、ワンクリック適用（LocalStorage保存）
- **差分ハイライト**: 変換前後で変わった箇所をピンクでハイライト表示し「何が変わったか」を一目で確認
- **ワンクリックコピー**: 右ペインの結果を全コピー or 選択範囲コピー。コピー完了をアニメーションで通知

## 3. 画面構成
### メイン画面（1ページ完結）
```
[ヘッダー] ロゴ「ReadyPaste」 + キャッチコピー + 使い方（?ボタン）

[プリセットボタン列]
[メール用] [スプレッドシート用] [Markdown] [箇条書き] [名簿] [数字抽出] [カスタム▼]

[変換設定オプション（アコーディオン）]
☑ 余分な空白行を削除　☑ 全角→半角　☑ 行頭スペース除去　☑ HTML除去
☑ ゼロ幅文字除去　☑ 文末スペース削除

[2カラムエディタ]
左ペイン（入力）: 「ここにテキストを貼り付け...」 プレースホルダー / 文字数カウント
右ペイン（出力）: リアルタイム変換結果 / 差分ハイライト / コピーボタン
↕ 矢印アイコン（変換方向を示すアニメーション）

[変換統計バー]
削除した文字数・置換件数・圧縮率をリアルタイム表示（例: 「232文字削除・圧縮率18%」）

[カスタムルール管理パネル（展開式）]
ルール入力行（before → after）最大10件、+追加、×削除、保存、適用ボタン

[共有ボタン] 現在の設定(プリセット+オプション状態)をURLクエリに書き出してシェア可能

[フッター] 使い方Tips・よくある質問3件
```

## 4. データ構造
**DBなし**。すべてブラウザ完結（PHP はサーバー配信のみ使用）。
- `localStorage['readypaste_custom_rules']` → JSON配列 `[{from: string, to: string}]` 最大10件
- `localStorage['readypaste_last_options']` → 選択中オプションのbooleanオブジェクト
- URLパラメータ（`?preset=email&opts=11001010`）で設定共有

## 5. デザインの方向性
- **テーマ**: ミニマル・テクニカル。白背景 + ネイビー (#1a2744) + アクセントカラー ライムグリーン (#22c55e)
- **エディタ**: コードエディタ風の等幅フォント（`font-family: 'Fira Code', monospace`）、行番号表示
- **差分ハイライト**: 変更行を薄いピンク (#fff0f5) で背景色付け、変更文字列をオレンジ太字
- **変換アニメーション**: プリセットボタン押下時に矢印アイコンが回転するワンポイントアニメ（CSS transitions のみ）
- **モバイル対応**: スマホでは2カラムを縦並び（入力上・出力下）に切り替え。プリセットボタンは横スクロール可能な1行タブ
- **コピー完了演出**: 「✓ コピーしました」のトースト通知がフェードイン&アウト
- 全体的に「一瞬で作業が終わった」という爽快感を演出するUIを優先する