文字数・バイト数・読了時間 超高速テキスト解析ツール「TextMeter」

## 1. アプリの目的・ターゲットユーザー
テキストを貼り付けるだけで「文字数・バイト数・読了時間・Twitter/Instagram/LINE字数制限チェック・SEOメタ最適長チェック」などを0.1秒以内に全部まとめて表示する、シンプル極振りの爆速テキスト解析ツール。

**ターゲット:**
- ライター・ブロガー・SNS運用担当（文字数制限を毎日気にする人）
- Webディレクター・SEO担当（メタディスクリプション最適化）
- 就活生・受験生（志望動機・小論文の字数確認）
- 一般ユーザー（LINEやXの投稿前確認）

SNS「これ地味に便利すぎる」拡散を狙う。広告一切不要、登録不要、スマホ1タップで完結。

---

## 2. 主要機能

- **リアルタイム全解析:** テキストエリアに入力・貼り付けた瞬間に全指標を即時更新（throttle 100ms）
- **文字数カウント詳細:** 総文字数／空白除く文字数／漢字数／ひらがな数／カタカナ数／英数字数／記号数／段落数／文数／単語数（スペース区切り）
- **バイト数:** UTF-8バイト数・Shift_JISバイト数（メールや古いシステム向け）
- **プラットフォーム制限ゲージ:** X(旧Twitter) 280字・Instagramキャプション2200字・LINEメッセージ1000字・Youtubeタイトル100字・メタタイトル60字・メタディスクリプション160字・ LinkedIn投稿 3000字の7プラットフォームを色付きゲージで同時表示。超過すると赤くハイライト
- **読了時間:** 日本語400字/分・英語200wpm基準で概算（「約○分○秒」表示）
- **コピーボタン:** 総文字数・空白除く文字数だけを1クリックでクリップボードにコピー
- **履歴（LocalStorage）:** 直近10件のテキスト断片（先頭30文字）と文字数を自動保存。クリックで再ロード可能

---

## 3. 画面構成

### メイン画面（1ページ完結）
```
┌─────────────────────────────────────┐
│ TextMeter 超高速テキスト解析 │
├─────────────────────────────────────┤
│ [テキストエリア 高さ200px] │
│ ここにテキストを貼り付けてください │
│ [クリア] │
├─────────────────────────────────────┤
│ ◼ 文字数サマリー (大きいカード) │
│ 総文字数: 1,234 空白除く: 1,200 │
│ バイト(UTF-8): 3,702 SJIS: 2,468 │
│ 読了時間: 約3分 5秒 │
├─────────────────────────────────────┤
│ ◼ プラットフォーム制限ゲージ (7個) │
│ X(280) ████░░░ 87字 ✅ │
│ IG(2200) ██░░░░ 1234字 ✅ │
│ メタtitle(60) ██████ 65字 ⚠️超過 │
│ ... │
├─────────────────────────────────────┤
│ ◼ 文字種内訳 (ドーナツ or 横棒) │
│ 漢字 342 / ひらがな 521 / 英数字 89 │
├─────────────────────────────────────┤
│ ◼ 構成 段落数: 5 文数: 18 │
├─────────────────────────────────────┤
│ ◼ 最近の履歴（折りたたみ） │
└─────────────────────────────────────┘
```

- SP時はカードが縦並び1カラム、PC時は2カラムグリッド
- テキストエリアは常に画面上部に固定表示（スクロールしても追従するsticky）
- ダークモード対応（OS設定に自動追従）

---

## 4. データ構造

**DBなし・サーバー処理なし。** すべてJavaScriptのみで完結。

**LocalStorage キー:** `textmeter_history`
```json
[
{
"id": 1700000001,
"preview": "この度はご連絡いただき…",
"charCount": 834,
"savedAt": "2025-06-01T12:34:00",
"text": "(全文)"
}
]
```
最大10件保存。超過時は古いものを自動削除。

---

## 5. デザインの方向性

- **カラーパレット:** 白ベース・アクセントカラーはインディゴ(#4F46E5)。超過警告はレッド(#EF4444)、セーフはグリーン(#22C55E)、注意はオレンジ(#F59E0B)
- **フォント:** 数字はDIN・Tabular系（太字で大きく）、UIテキストはNoto Sans JP
- **ゲージ:** CSSアニメーション付きの横バー。パーセンテージに応じてグリーン→オレンジ→レッドに自動グラデーション
- **全体感:** Apple系のシンプル・クリーンなミニマルデザイン。余白多め。スクロール最小化
- **OGP:** Twitter Cardとして「テキスト解析ツール」を明示し、SNS共有時に目立つ画像設定
- **実装技術:** PHP（静的配信のみ）+ 素のHTML/CSS/JS。Chartは外部ライブラリ不要のCanvasまたはCSSバー

---

## 6. SEO・拡散戦略メモ（開発チームへの補足）

- ページタイトル: 「文字数カウント｜TextMeter - Twitter・Instagram・SEO字数チェック無料ツール」
- h1直下に機能紹介テキスト（SEO）
- 「○文字」をSNSシェアできるシェアボタン設置（例: 「私のブログ記事は1,234文字でした！ #TextMeter」）
- スマホで「文字数 カウント」「ツイート 文字数 確認」等のロングテールキーワードを狙う