ResumeLens - 職務経歴書・履歴書セルフチェッカー

## 1. アプリの目的・ターゲットユーザー
転職活動中の20〜40代社会人や就職活動中の学生が、職務経歴書・履歴書のテキストを貼り付けるだけで「採用担当者視点の課題」をセルフチェックできる無料ツール。添削サービスに依頼するほどではないが、自分では気づきにくい弱点を手軽に洗い出したいユーザーを対象とする。外部API不要・登録不要・ブラウザ完結。

## 2. 主要機能
- **書類タイプ切り替え**：「職務経歴書」「履歴書（志望動機欄）」「自己PR」の3タイプをタブで切り替え、それぞれ専用のチェックロジックを適用
- **総合スコアリング**：入力テキストを自動解析し、「具体性」「数値の有無」「文章の読みやすさ」「アクション動詞の使用」「ネガティブ表現の検出」の5軸で100点満点のレーダーチャートを表示
- **チェック項目ハイライト**：問題箇所（曖昧な表現・数値なし・受け身すぎる文・長すぎる文・同じ語句の繰り返し・ネガティブワード）を文中で色別にハイライト表示し、カーソルを当てると改善提案ツールチップを表示
- **改善ヒントパネル**：検出した問題ごとに「なぜ問題か・どう直すか・Before→After例文」をカードリスト形式で提示（内製の50パターン改善辞書）
- **強みワード辞書サジェスト**：業種・職種（営業/エンジニア/企画/事務/医療/接客など8カテゴリ）を選ぶと、その職種で刺さりやすいアクション動詞・強みキーワード30件をサイドパネルに表示。クリックでクリップボードコピー
- **チェック履歴の比較**：LocalStorageに最大5件の過去チェック結果を保存し、スコア推移と改善前後のテキストdiff表示で「どれだけ良くなったか」を確認できる

## 3. 画面構成
- **メイン画面（1ページ完結）**
- 上部ヘッダー：ロゴ・書類タイプタブ（職務経歴書 / 志望動機 / 自己PR）・職種カテゴリセレクト
- 左カラム（PC）/ 上部（スマホ）：テキスト入力エリア（最大3000文字・文字数カウンター付き）＋「チェックする」ボタン
- 右カラム（PC）/ 下部（スマホ）：チェック結果エリア（初期は使い方説明を表示）
- 5軸レーダーチャート＋総合スコア（大きく表示）
- ハイライト済みテキストプレビュー（色凡例付き：赤=要修正 / 黄=要確認 / 緑=良い表現）
- 改善ヒントカードリスト（問題の深刻度順に並ぶ、アコーディオン展開）
- 右サイドパネル（PC）/ 折りたたみ（スマホ）：強みワードサジェスト
- フッター：履歴ボタン（過去5件スコア比較モーダル）

## 4. データ構造
DBは使用せず全てLocalStorageで完結。
- `rl_history`：配列（最大5件）。各要素は `{ id, type, score, axes:{specificity,numbers,readability,action,positive}, text, timestamp }` を JSON文字列で保存
- サーバーサイド（PHP）：改善辞書・チェックルール・職種別キーワード辞書をPHPの連想配列で保持し、初回ロード時にJS変数としてインライン出力（APIは設けずPHPは辞書の静的出力のみに使用）
- 辞書ファイル：`data/check_rules.php`（曖昧語リスト・ネガティブ語リスト・アクション動詞リスト・文長閾値など）、`data/keywords.php`（職種別強みキーワード）

## 5. デザインの方向性
- カラーパレット：ダークネイビー（#1a2744）をベース、アクセントに明るいコバルトブルー（#3b82f6）と成功グリーン（#22c55e）・警告アンバー（#f59e0b）・危険レッド（#ef4444）
- 全体的にクリーンでビジネス向けのミニマルデザイン。履歴書を書く真剣な場面に合う落ち着いたトーン
- レーダーチャートはCanvas APIで描画（ライブラリ不使用）
- ハイライトテキストは `<span>` タグに色付きの下線スタイルで表示し、ツールチップはCSSのみで実装
- フォントは游ゴシック / Noto Sans JP系で可読性重視、モバイルでは入力→結果の縦並び1カラムレイアウトに自動切り替え