ReadingTime - 文章読了時間＆難易度チェッカー

## 1. アプリの目的・ターゲットユーザー
ブログ記事・プレスリリース・メルマガ・レポート・SNS投稿などのテキストを貼り付けるだけで、「読了時間の目安」「読みやすさレベル」「文章の統計情報」をワンクリックで確認できる無料Webツール。主なターゲットは、コンテンツライター・ブロガー・広報担当者・学生・ビジネス文書作成者。「この記事、長すぎないか？」「読者が途中で離脱しないか？」を投稿前に素早く確認したいニーズを解消する。

## 2. 主要機能
- **読了時間計算**: 一般成人の平均読速(日本語400〜600字/分・英語200〜250語/分)を基準に、スロー／普通／速読の3段階で読了時間を表示。スライダーで読速を手動調整可能。
- **読みやすさスコア**: 平均文長(句点区切り)・平均単語長・漢字率・ひらがな率・カタカナ率・数字率を算出し、0〜100の「読みやすさスコア」(高いほど読みやすい)と、小学生レベル〜専門家レベルの5段階ラベルで表示。
- **テキスト統計ダッシュボード**: 総文字数／単語数(スペース区切り)／文章数／段落数／平均文長／最長文・最短文のハイライト表示を一覧化。
- **改善サジェスト**: 「長すぎる文(60字超)が○文あります」「漢字率が高めです」など、スコアに基づいた具体的な改善ヒントを最大5件表示。
- **複数スニペット比較**: A/Bの2枠に別々のテキストを入力し、スコアや読了時間を並べて比較できるモード。
- **結果シェア/コピー**: 分析結果サマリーをワンクリックでクリップボードにコピー、またはURLパラメータ(テキスト非含む・スコアのみ)としてシェア可能。

## 3. 画面構成
- **メイン画面(1ページ完結型)**
- ヘッダー: アプリロゴ + 「シングル分析」「A/B比較」タブ
- 入力エリア: テキストエリア(最大50,000字、リアルタイム文字カウント表示)。サンプルテキスト挿入ボタン付き。
- 読速スライダー: 「ゆっくり(300字/分)〜速読(700字/分)」の範囲でリアルタイム反映
- 分析ボタン: 「分析する」クリックで結果エリアをスクロールイン表示
- **結果エリア**
- 読了時間カード(大きく中央に秒〜分単位で表示、速度3段階)
- 読みやすさスコアゲージ(半円メーター)+レベルラベル
- 統計グリッド(6〜8指標をカードタイル形式)
- 改善サジェストリスト(アイコン付き箇条書き)
- 結果コピー・リセットボタン
- A/B比較モード時: 左右2カラムに同レイアウトを並列表示し、スコア差分バッジをカードに重ねて表示
- **フッター**: 使い方ガイドリンク(アコーディオン展開)

## 4. データ構造
DBは不要。すべてブラウザ(JS)内で完結。
- テキスト解析ロジックはピュアJS(PHP側は静的ファイルのホスティングのみ)
- LocalStorageに「直近5件の分析履歴(テキスト冒頭50字+スコア+日時)」を保存し、履歴パネルから呼び出し可能
- URLパラメータ: `?score=72&chars=1500&time=3m` 形式でシェア用リンク生成(テキスト本文は含まない)

```
localStorage key: readingtime_history
[
{ id, snippet(50字), score, chars, readTime, savedAt },
...(最大5件)
]
```

## 5. デザインの方向性
- カラーパレット: ホワイト基調 + アクセントカラーにインク青(#1E3A5F)とミント緑(#2EC4B6)。読みやすさスコアは赤(低)→黄→緑(高)のグラデーション表示。
- フォント: 日本語はNoto Sans JP、コード系数値はRoboto Mono
- UI: フラットデザイン。カードに薄いシャドウ。スコアゲージとメーターはCSS+SVGで実装(Canvas不要)
- アニメーション: 分析結果フェードイン、メーター針スイング(0.4秒)
- スマホ対応: 1カラムレイアウト。テキストエリアは縦に伸縮可。A/B比較はスマホでは上下スタック表示
- 全体的にシンプルで「仕事中にすぐ使える」清潔感を重視。