開発ロードマップ
フェーズ概要
Phase 1: MVP → 基本検索 + プラン作成 ✅ 完了 (2026-02)
Phase 2: UI強化 → イベント管理 + グルメ + 予約連携 ✅ 完了 (2026-04)
Phase 3: 実API統合 → ANA/JAL公式API・4社宿泊比較 🚧 進行中 (2026-04 〜)
Phase 4: レコメンド → お得度検索・ヒートマップ 📅 未着手
Phase 5: UX強化 → PWA + ダークモード + D&D 📅 未着手
Phase 6: 拡張 → 国際線・共同編集 📅 未着手Phase 1: MVP(最小実用プロダクト) ✅ 完了 (2026-02)
目標: 所持マイルから行ける場所を検索し、旅行プランを作成できる
スコープ
| 機能 | 詳細 | 状態 |
|---|---|---|
| プロジェクト初期セットアップ | React + Vite + Express + SQLite | ✅ |
| ユーザー認証 | JWT ベース | ✅ |
| マイル残高管理 | ANA/JAL別に所持マイルを入力・管理 | ✅ |
| マイルチャートDB | ANA/JAL国内線の区間別必要マイル数 | ✅ |
| 目的地検索 | 出発地 + 所持マイルから行ける場所を一覧表示 | ✅ |
| 日本地図表示 | Leaflet で検索結果をマーカー表示 | ✅ |
| 楽天トラベル連携 | 1社からスタートで宿泊検索 | ✅ |
| 旅行プラン作成 | 基本的な日程管理 | ✅ |
| Docker対応 | セルフホスト可能 | ✅ |
Phase 2: UI強化 + イベント管理 + グルメ + 予約連携 ✅ 完了 (2026-04)
目標: Apple HIG 準拠のミニマルUIでの全面リデザイン、旅行イベント・グルメ・予約インテントの統合
スコープ
| 機能 | 詳細 | 状態 |
|---|---|---|
| DESIGN.md策定 | Apple HIG + 旅行UI融合デザインシステム | ✅ |
| Stitchデザインカンプ | 全画面のHTMLモックアップ生成 | ✅ |
| Apple HIG 全面リデザイン | ミニマルUI・iOS風ボトムタブバー(blur背景) | ✅ |
| 5ステップ初回チュートリアル | マイル登録→位置情報→旅行先→カレンダー→仮登録 | ✅ |
| ダッシュボード | カウントダウンカード、マイル残高、キャンペーン表示 | ✅ |
| 検索+地図統合画面 | 国内/海外切替、国際は「準備中」表示 | ✅ |
| 出発空港セレクタ | HND決め打ち解消 (/airports/origins) | ✅ |
| 空席カレンダー | flight_availability 連携、日付タップでモーダル | ✅ |
| 予約インテント起動 | ANA/JAL公式予約ページ(外部) + 仮登録 | ✅ |
| イベント管理画面 | 5タブ構成のイベントマネージャー | ✅ |
| マイルタブ | 保安検査締切時刻・サーチャージ表示 | ✅ |
| ホテルタブ | hotels テーブルからの一覧表示 | ✅ |
| グルメタブ(イベント内) | おすすめグルメ・ブックマーク | ✅ |
| グルメメインタブ | 地域別探索、食べログ/Googleレビュー並列表示 | ✅ |
| ブックマーク→旅行計画提案 | 保存レストランからエリアを逆引きし検索画面へ誘導 | ✅ |
| 予算タブ | ドーナツチャート・予算管理 | ✅ |
| iOS風設定画面 | グループリスト、トグルスイッチ | ✅ |
| セグメントコントロール | Tutorial・Search・Event で共通利用 | ✅ |
| キャンペーンAPI | ANA/JAL キャンペーン情報の表示 | ✅ |
| VitePress設計書更新 | UI/UX・ロードマップ・DB・API全面更新 | ✅ |
Phase 3: 実API統合 + 宿泊比較の拡充 🚧 進行中 (2026-04 〜)
目標: モックデータから実データ連携へ移行し、4社横断の宿泊比較を提供する。プロダクション化設計書(production-readiness.md)で Codex レビューを元にしたロードマップを定義済み。
| 機能 | 詳細 |
|---|---|
| ANA 実API連携 | 特典航空券空席照会の公式APIに接続 |
| JAL 実API連携 | 特典航空券空席照会の公式APIに接続 |
| 楽天トラベル実API連携 | hotels テーブルから楽天API取得結果に置換 |
| agoda API連携 | Partner API 経由 |
| trip.com API連携 | Affiliate API 経由 |
| booking.com API連携 | Rapid API 経由 |
| 横断比較UI | 同一条件で4社の料金を並列表示 |
| 国際線対応(準備中タブ解禁) | ANA/JAL 国際線特典航空券 |
Phase 4: 高度な検索・レコメンド
目標: 目的地未定のユーザーに最適な旅行先を提案
| 機能 | 詳細 |
|---|---|
| マイル逆引き検索 | お得な旅行先をスコア順にレコメンド |
| シーズン別ヒートマップ | 月別の必要マイル数 + 平均宿泊費の可視化 |
| マイル有効期限アラート | 期限切れ前の通知 |
| 旅行履歴 | 過去の旅行・マイル使用履歴の管理 |
| お得度スコアリング | マイル効率 + 宿泊コスパのランキング |
Phase 5: UX強化(PWA)
目標: ネイティブアプリに近い体験を提供
| 機能 | 詳細 |
|---|---|
| PWA対応 | Service Worker、オフラインキャッシュ、ホーム画面追加 |
| プッシュ通知 | マイル期限・予約リマインダー |
| ダークモード | ライト/ダークテーマ切替 |
| D&D日程管理 | ドラッグ&ドロップで旅行日程を編集 |
| エクスポート | PDF/画像で旅行プランを出力 |
Phase 6: 拡張機能
目標: 国際線対応とコラボレーション機能
| 機能 | 詳細 |
|---|---|
| 国際線対応 | ANA/JAL国際線特典航空券 |
| ホテルポイント連携 | マイル × ホテルポイントの最適化 |
| 共同編集 | WebSocket によるリアルタイム同期 |
| LCC比較 | ピーチ、ジェットスター等との価格比較 |