PrintPack - 封筒・のし袋・宛名ラベル印刷メーカー

## 1. アプリの目的・ターゲットユーザー
冠婚葬祭・ビジネス・日常の郵便物で必要になる「封筒の宛名書き」「のし袋の表書き・中袋」「宛名ラベル」を、手書きなしでブラウザから印刷できる無料ツール。毛筆・楷書・明朝など和文に適したフォントで縦書きレイアウトを自動生成し、A4用紙に印刷して折り線に沿って貼るだけで完成させる。

**ターゲット：** 年賀状・香典袋・ご祝儀袋の記入が苦手な社会人全般、ビジネス郵便が多い個人事業主・中小企業の事務担当者、喪中葉書シーズンや引越し通知で大量宛名を処理したい家庭ユーザー。

---

## 2. 主要機能

- **封筒宛名印刷**：長形3号・長形4号・角形2号・洋形1号の4サイズに対応。表面（宛名・住所）と裏面（差出人・住所）を縦書きで自動レイアウト。A4用紙への印刷位置を封筒サイズごとにガイド線付きで表示。
- **のし袋表書きメーカー**：ご祝儀・香典・お見舞い・謝礼など20種類以上のシーン別テンプレートから表書き文言を選択。名前欄は1名〜連名3名まで対応。毛筆風WebフォントとSVGの縦書きレンダリングで本格的な仕上がり。中袋（金額・住所・氏名）も印刷レイアウトを生成。
- **宛名ラベル一括印刷**：氏名・住所・郵便番号・敬称を複数件登録し（最大50件）、A4用紙8面・12面・24面の3レイアウトでラベルシート形式に出力。CSVインポートにも対応。
- **住所録保存**：LocalStorageに登録した宛先・差出人をプロフィールとして保存し、次回以降のフォームへワンクリック呼び出し。最大30件。
- **プレビュー＆印刷**：各モードで印刷前プレビュー画面を表示し、ブラウザのprint()で高解像度印刷。PDF保存にも対応（ブラウザ標準機能を利用）。

---

## 3. 画面構成

### トップページ（モード選択）
- 3つのモードカード：「封筒宛名」「のし袋」「宛名ラベル」をアイコン付きカードで選択。
- 最近使ったデータのショートカット表示（LocalStorage）。

### 封筒宛名モード
- 左ペイン：入力フォーム（宛先：郵便番号・都道府県・住所・ビル名・氏名・敬称 / 差出人：同様 / 封筒サイズ選択 / フォント選択3種）。
- 右ペイン：リアルタイムプレビュー（封筒の縮小表示、表面・裏面タブ切り替え）。
- 「印刷する」ボタンで印刷専用CSS適用のプレビューページを新規ウィンドウで表示。

### のし袋モード
- ステップ①：シーン選択（結婚祝い・出産祝い・香典・快気祝いなど）→ 表書き文言が自動入力されるが編集可能。
- ステップ②：氏名入力（1〜3名）・フォント選択。
- ステップ③：中袋の印刷要否選択（金額・住所入力）。
- プレビュー：のし袋を正面から見た縦型SVGプレビュー。
- 「印刷する」ボタン → A4印刷用レイアウトへ。

### 宛名ラベルモード
- 一覧フォーム：行ごとに氏名・郵便番号・住所・敬称を入力（最大50件）。行の追加・削除・並び替えボタン。
- CSVインポートボタン：氏名,郵便番号,住所,敬称の4列CSVを受け付け。
- レイアウト選択：A4-8面 / A4-12面 / A4-24面。
- プレビュー：縮小サムネイルで全ラベルを確認後、印刷実行。

### 共通：住所録パネル（引き出しUI）
- 画面右端のアイコンで展開。登録・呼び出し・削除。

---

## 4. データ構造

DB不使用。LocalStorageのみで完結。

```json
// address_book (LocalStorage)
[
{
"id": "uuid",
"label": "山田家（実家）",
"zip": "100-0001",
"prefecture": "東京都",
"address1": "千代田区千代田1-1",
"address2": "",
"name": "山田太郎",
"honorific": "様",
"type": "to" // to or from
}
]

// noshi_presets (内製JS定数)
[
{ "scene": "結婚祝い", "lines": ["寿"], "sub": "御結婚御祝" },
{ "scene": "香典（仏式）", "lines": ["御霊前"], "sub": "" },
...
]
```

---

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

- **ベースカラー**：生成り白（#FAF7F2）＋墨色（#1C1A17）＋朱赤アクセント（#C0392B）。和の封筒・のし袋を扱うツールらしく、品のある和モダン感。
- **フォント**：UIは游ゴシック/Noto Sans JP。プレビュー縦書きには「Noto Serif JP」をWeb Fontとして使用（外部APIキー不要のGoogle Fontsリンク）。毛筆フォントは代替としてCSS `font-weight: 900` の極太明朝を活用。
- **レイアウト**：左入力フォーム・右プレビューの2カラム構成。スマホでは上フォーム・下プレビューに縦積み。
- **印刷CSS**：`@media print` で余白・ガイド線・ボタンを完全非表示にし、封筒レイアウト枠のみ高解像度出力。折り線はprint時のみ点線で表示。
- **全体トーン**：余計な装飾を排し、操作の迷いがない「道具感」を重視。フォーム送信なし・登録不要を画面内にバッジで明示してユーザーの安心感を高める。