旅のしおり自動生成メーカー TravelNote

## 1. アプリの目的・ターゲットユーザー
旅行の目的地・日程・人数・テーマ（観光／グルメ／アクティビティ等）を入力するだけで、印刷やスマホで使える「旅のしおり」を自動生成するWebアプリ。旅行前の計画作業を楽しく・素早くこなしたい個人旅行者・グループ旅行の幹事・学校行事の担当者をターゲットにする。

## 2. 主要機能
- **しおり自動生成**: 目的地・出発日・泊数・メンバー名・テーマを入力すると、表紙＋タイムライン形式の日程ページ＋持ち物チェックリスト＋緊急連絡先欄を含むしおりを自動構成
- **内製スポット＆活動DBからの提案**: 国内主要エリア（北海道・東北・関東・中部・近畿・中国四国・九州・沖縄）ごとに観光・グルメ・宿泊タイプの活動テンプレートを50件以上内包し、テーマに合った行程例を自動挿入
- **ドラッグ＆ドロップ編集**: 自動生成されたタイムラインをドラッグで並び替え、各コマの時間・メモを自由編集
- **テーマカラー＆表紙イラスト選択**: 海・山・都市・温泉・グルメの5テーマに対応したカラースキームとSVGイラストを選んで表紙をデザイン
- **印刷用PDF出力 / 共有URL発行**: ブラウザのprint CSSで印刷最適化されたA4縦レイアウトで出力。DBに保存した内容をハッシュ付きURLで共有可能
- **持ち物チェックリスト**: 季節・テーマ・泊数に応じてオススメ持ち物を自動提案し、チェックボックスで管理

## 3. 画面構成
- **トップページ**: キャッチコピー＋「しおりを作る」ボタン。過去に作ったしおり（localStorage保存）のサムネイル一覧
- **ステップ入力ウィザード（3ステップ）**:
- Step1: 旅の基本情報（タイトル・目的地エリア選択・出発日・泊数・人数・メンバー名入力）
- Step2: テーマ選択（海／山／都市／温泉／グルメ）＋こだわりタグ複数選択（子連れ・カップル・一人旅・女子旅・シニアなど）
- Step3: 表紙カラー＆イラスト選択
- **しおりプレビュー画面**: A4縦相当のプレビューエリア（左）＋編集パネル（右）の2カラム。各日の活動ブロックをドラッグ可能。「印刷」「URLコピー」「保存」ボタン
- **共有URLアクセス時**: 読み取り専用でしおりを表示し「自分もコピーして編集」ボタンを設置

## 4. データ構造
```
itineraries テーブル
id INT AUTO_INCREMENT PRIMARY KEY
share_hash VARCHAR(12) UNIQUE -- ランダム英数字
title VARCHAR(100)
area VARCHAR(30)
start_date DATE
nights TINYINT
members TEXT -- JSON配列
theme VARCHAR(20)
tags TEXT -- JSON配列
cover_style VARCHAR(20)
schedule_json MEDIUMTEXT -- 日程データJSON
packing_json TEXT -- 持ち物リストJSON
created_at DATETIME
updated_at DATETIME

spot_templates テーブル（内製DBの雛形）
id INT AUTO_INCREMENT PRIMARY KEY
area VARCHAR(30)
theme VARCHAR(20)
tags TEXT -- JSON配列
time_slot VARCHAR(10) -- 朝/午前/昼/午後/夕/夜
duration_min SMALLINT
name VARCHAR(100)
description VARCHAR(200)
category VARCHAR(20) -- 観光/グルメ/宿泊/移動
```

## 5. デザインの方向性
- **旅行ガイドブック風**のウォームベージュ＋テーマカラーのアクセント配色。フォントはNoto Serif JP（見出し）＋Noto Sans JP（本文）
- ステッカー風のSVGアイコン（飛行機・新幹線・カメラ・フォーク＆ナイフ等）をしおり内に装飾として配置
- 入力ウィザードはカード式でモバイルでもタップ操作しやすいUI
- 印刷時は背景色・ボーダーを含めてリッチに出力されるprint.cssを別途用意し、余白・改ページ位置を制御
- 全体的に「スクラップブック」感を演出するわずかな紙テクスチャ背景（CSSのみで表現）