FuriganaMaster — 日本語テキスト一括ふりがな・読み仮名変換ツール

## 1. アプリの目的・ターゲットユーザー
日本語テキストを貼り付けるだけで漢字にふりがな（ルビ）を自動付与し、HTML/Markdown/プレーンテキスト形式で即出力できる無料ブラウザツール。
- **主なターゲット**: 小学校・中学校教師（教材作成）、外国人日本語学習者・その支援者、子ども向けコンテンツ制作者、Webライター・同人誌作家、企業の社内文書担当（外国人スタッフ向け資料）
- SNSで「漢字ふりがな付け作業が一瞬で終わった」「外国人スタッフへの説明資料に重宝」と紹介されることを想定。教育・語学学習クラスタに刺さるツール。

## 2. 主要機能
- **自動ふりがな付与**: 約6,000語の内蔵漢字→読み辞書（PHP側のJSON/CSVマスタ）により、送信されたテキストの漢字を形態素的に解析してふりがなを付与する（外部APIは使用せず、kuromoji.js / TinySegmenterなどをPure JSで活用）
- **3種の出力形式**: ① HTMLルビタグ形式 `<ruby>漢字<rt>かんじ</rt></ruby>`、② Markdown拡張形式 `{漢字|かんじ}`、③ 括弧形式 `漢字(かんじ)` の3種から選択
- **読み仮名の手動修正**: 自動付与されたふりがなを1語ずつクリックして手動修正できるインライン編集機能。誤変換を即座に直せる
- **対象漢字レベル設定**: 「全漢字」「小学校6年生以上」「中学校以上」「高校以上」の4段階フィルターで、指定学年以上の漢字だけにルビを付与
- **コピー & PNG出力**: 整形済みテキストをワンクリックコピー。ルビ付きの見た目をそのままPNG画像で保存する機能も搭載（Canvasレンダリング）
- **よく使うテキスト保存**: LocalStorageに最大10件の変換済みスニペットを保存し、再利用可能

## 3. 画面構成
### メイン画面（1ページ完結）
- **ヘッダー**: タイトルロゴ + キャッチコピー「日本語テキストを貼るだけ、ふりがな完成」
- **入力エリア**: 大きめのテキストエリア（プレースホルダー例文あり）+ 「ふりがなを付ける」ボタン
- **設定パネル（入力エリア横）**:
- 出力形式ラジオボタン（HTMLルビ / Markdown / 括弧）
- 対象漢字レベルセレクト
- フォントサイズスライダー（プレビュー用）
- **プレビューエリア**: ルビ付きテキストをリアルタイムHTMLでレンダリング表示。各ルビをクリックで修正ポップオーバーが開く
- **出力エリア**: 選択した形式のコードをそのまま表示するテキストボックス + コピーボタン + PNG保存ボタン
- **保存済みスニペット欄**: サイドバーまたは下部に最大10件のサムネイルカード
- **フッター**: 使い方ヒント3点、免責事項

## 4. データ構造
### DBは不要（LocalStorageのみ）
- **漢字読みマスタ（JS内蔵 or PHPが配信するJSON）**:
- `kanji_dict.json`: `{ "漢字": "かんじ", "学校": "がっこう", ... }` 約6,000エントリ
- 学年別漢字リスト（文科省の学習漢字1006字＋常用漢字2136字ベース）: `grade_kanji.json`
- **LocalStorage スキーマ**:
```
furigana_snippets: [
{ id: "uuid", title: "テキスト先頭20文字", original: "...", converted: "...", format: "html", savedAt: "ISO8601" }
]
```
- **PHP側の役割**: `kanji_dict.json` と `grade_kanji.json` を静的配信するのみ。変換処理はフルクライアントサイドJSで完結させる（サーバー負荷ゼロ、テキストの外部送信なし→プライバシー訴求にも使える）

## 5. デザインの方向性
- **カラーパレット**: 和紙をイメージしたオフホワイト背景（#F7F3EC）、墨色テキスト（#2C2C2C）、アクセントに朱色（#C0392B）を使用。和モダンかつ清潔感ある配色
- **フォント**: 本文は `Noto Serif JP`（Google Fonts）、UIラベルは `Noto Sans JP`
- **UI感**: 極力シンプルで「貼って変換」の2ステップを前面に。ツールっぽい機能感より「紙に印刷した教材」のような温かみを演出
- **レスポンシブ**: スマホは入力・プレビュー・出力が縦並び1カラム。PC（768px以上）は入力+設定パネルを左、プレビューと出力を右に並べた2カラム
- **アニメーション**: 変換完了時にルビが上からフェードインする軽いアニメで「できた！」感を演出
- **SNS共有促進**: プレビュー右上に「この画面を共有」ボタン。変換結果のPNG画像（ルビ付きテキストカード）を自動生成し「#ふりがなマスター」ハッシュタグ付きでTwitter/X共有できるリンクを生成