zexuanw958-svg/travel-plan-viz

何を解決するか

travel-plan-viz は旅行計画を洗練されたモバイル最適化の単一ファイル HTML ページに変換します。情報が散らばる問題を解決し、調査、スケジューリング、ナビゲーションを1つのオフライン閲覧可能な文書に統合。予約のリマインダー作成や地図用座標の修正といった面倒な作業を自動化します。

動作方法

AIエージェントの指示とハードコードされた JavaScript エンジンを組み合わせたハイブリッドアーキテクチャを使用して信頼性を確保しています：

• エージェントワークフロー：AI（例：Claude Code や Codex）が目的地を調査し、内容契約に基づいて旅行計画を構築し、HTML ページを生成します。
• コアエンジン：3つのヴァナilla JSエンジンが技術的な重労働を処理します：map.js はインタラクティブな Leaflet マップと座標変換（GCJ-02 から WGS-84）を担当、reminders.js は予約締切日を計算、validate.js は生成後の機械的チェック（フィールドや座標の欠落など）を実行します。
• データ永続化：完全な旅行計画が HTML ファイル内に JSON として埋め込まれており、AI が計画を更新（例：Day 3 から Day 4 に停車地点を移動）しても既存データを失いません。
• 拡張性：Fliggy や Amap などの公式旅行スキルと optionally 統合可能でリアルタイムデータを取得できますが、Web リサーチのみでも完全に動作します。

対象ユーザー

モバイルデバイスでオフラインでアクセス可能な構造的で視覚的に魅力的な旅行ガイドを求める旅行者、および Claude Code や Codex などの AI エージェントユーザーで、再利用可能なスキルで機能を拡張したい人。

特徴

• インタラクティブマップ：API キー不要のマップで、番号付きの停車地点、破線ルート、iOS および Android でのワンタップナビゲーションリンクを提供。
• 予約リマインダー：出発日に基づいてチケットやホテルの締切日を自動的に逆算。
• オフライン最適化：1つのレスポンシブ HTML ファイルを生成し、インターネット接続なしでもテキストが読み取り可能。
• 機械的検証：validate.js という専用スクリプトで、緯度経度の交換や必須ブロックの欠落といった一般的な AI の誤りを検出。
• 反復編集：HTML を AI に再入力することで、埋め込まれた JSON データを更新して計画を編集可能。