iPhone・iPad で ZIP の Web プロジェクトを開いて動かす方法

ステップ 1 — ZIP を 1 つのプロジェクトとして読み込む

1. .zip を OpenHTML に共有するか、アプリ内の読み込み機能で選びます（フォルダにも対応しています）。
2. アーカイブは端末内のプライベートなコピーとして展開され、フォルダ構造とすべての相対パスがそのまま保たれます。
3. エントリページは自動で検出され、描画されたサイトとして開きます。

違うページが先に開いた？ HTML ファイルが複数あるプロジェクトでは、候補が「プロジェクトの内容」に表示されます。別のエントリを選べば、その選択は記憶されます。

ステップ 2 — 本物のサイトのように動かす

ブラウザは file:// のページを意図的に制限しています。fetch() も ES モジュールも XHR も使えません。デスクトップの開発サーバーでは動くプロジェクトが、ローカルファイルだと壊れて見えるのはそのためです。OpenHTML のローカルサーバーモード（Pro）は、端末そのものの上でプライベートな 127.0.0.1 サーバーとしてプロジェクトを動かします。同一オリジンのリクエスト、モジュールのインポート、JSON の読み込みが、本番とまったく同じように振る舞います。

このサーバーはループバック専用です。同じネットワーク上の他の機器から届くことはなく、ページを離れるかアプリをバックグラウンドに送ると停止します。ページ自身のインターネットへのアクセスは、あなたが許可しない限りオフのままです。

ステップ 3 — おかしいところを突き止める

• 構造チェックは、HTML が参照しているのに見つからないファイル、使われていないファイル、プロジェクトのルートから外へ出るパスを指摘します。
• 診断は、ブロックされたリモートリソースと JavaScript エラーを、ワンタップの修正付きで一覧にします。
• コンソールにはページのログが出ます。ネットワークパネル（Pro）は、すべての fetch/XHR をステータスとタイミングとともに表示します。
• プロジェクト内のどのファイルも、ハイライトと検索が使えるソース表示で開けます。

プロジェクトの外までデバッグしたい場合は、Mac なしで iPhone の Web ページをデバッグするをご覧ください。

ステップ 4 — きれいな成果物として書き出す

• プロジェクトの現在の状態を新しい ZIP にまとめ直して、そのまま送れます。
• すべてを 1 つの自己完結した HTML ファイルに埋め込めば、共有が簡単になります。
• 描画されたページを全長の PDF または長い画像としてプリントできます（Pro）。

よくある使い方

• 学生や外注先から ZIP で渡されたサイトをレビューする。
• ChatGPT や Claude が生成した複数ファイルのアプリが、実際に動くか確かめる。
• 静的サイトの書き出しやドキュメントのまとまりを、電車の中で完全オフラインで読む。
• 何年も前に取った自分のサイトのバックアップが、今も正しく開くか検証する。

機能の全体像は ZIP Web プロジェクトの機能ページにまとめています。