iPhone と iPad で ZIP のウェブプロジェクトを開いて実行する
圧縮したウェブサイト、授業の課題、書き出したプロトタイプ——読み込めば本物のサイトのように動きます。Mac もインターネットも必要ありません。
更新日 2026-09-15
iOS の Safari はローカルの複数ファイルからなるウェブサイトを開けません。「ファイル」App で解凍しても、互いにリンクしないファイルが入ったフォルダが残るだけです。
OpenHTML は ZIP（またはフォルダ）を丸ごとひとつのプロジェクトとして読み込みます。エントリページを見つけ、すべての相対パスを保ったまま、サイトをオフラインでプレビューします。fetch() や ES modules、JSON データを使うページは、プライベートな 127.0.0.1 のローカルサーバーで実行できます。本物のウェブサーバーと同じ条件が、すべて端末の中で揃います。
ZIP から動くサイトまで
ZIP かフォルダを読み込む
アーカイブを OpenHTML に共有するか、読み込み画面で選びます。プロジェクトはプライベートなコピーとして展開され、何もアップロードされません。
エントリページをプレビューする
エントリの HTML は自動的に検出されます。候補となるページが複数あるプロジェクトでは、プロジェクトワークベンチでエントリを切り替えられます。
必要なときはローカルサーバーを使う
サイトが fetch() や ES modules、XHR を使う場合は、プロジェクトをローカルサーバーモードに切り替えます（Pro）。127.0.0.1 のループバックのみで動作し、ページを離れると停止します。
ページだけでなく、プロジェクト全体を見る
プロジェクトワークベンチは、すべてのファイルをサイズと構造チェックとともに一覧表示します。HTML から参照されているのに見つからないリソース、存在するのに一度も使われていないファイル、プロジェクトのルート外に出る不審なパス、そしてエントリページの候補です。
- 診断が、見つからないファイル、ブロックされたリモートリソース、JavaScript エラーを指摘します。ワンタップの修正付きです。
- ソース表示では、プロジェクト内のどのファイルもシンタックスハイライト・検索・行番号付きで開けます。
- ネットワークパネルで fetch、XHR、WebSocket の通信を観察し、DOM を端末上で調べられます（Pro）。
- 電話 / タブレット / デスクトップのビューポートプリセットでレスポンシブレイアウトを検証したり、デスクトップ用サイトを表示したりできます（Pro）。
成果物を送り出す
プロジェクトを直し終えた、あるいは確認し終えたら書き出します。現在の状態をきれいな ZIP に再パッケージする、すべてをひとつの自己完結した HTML アーカイブに埋め込む、描画されたページを全長の PDF や長い画像として出力する（Pro）。
ローカルサーバーは 127.0.0.1 にのみバインドします。同じネットワーク上のどの機器からも到達できず、App がバックグラウンドに移ると停止します。ページ自体のネットワークアクセスも、あなたが許可しない限りオフのままです。
よくある質問
そもそもなぜプロジェクトにローカルサーバーが必要なのですか？
ブラウザはセキュリティ上、file:// の URL では fetch()、ES modules、XHR をブロックします。localhost のサーバーがページに本物のオリジンを与えるので、これらの機能は本番環境とまったく同じように動きます。
ZIP はどのくらいの大きさまで扱えますか？
通常のウェブプロジェクトなら問題なく読み込めます。アーカイブは展開前にサイズをチェックするため、壊れた ZIP や大きすぎる ZIP は、App が固まる代わりに明確なメッセージで失敗します。
プロジェクト内のファイルを編集できますか？
OpenHTML はビューアでありデバッグツールであって、IDE ではありません。すべてのファイルをハイライトと検索付きで読み、エントリを切り替え、診断し、再度書き出せます。編集は使い慣れたエディタで行い、戻してください。
開くエントリページが違うときは？
プロジェクトワークベンチを開き、候補の HTML から新しいエントリを選んでください。選択はプロジェクトごとに記憶されます。
ウェブプロジェクトを、いまいる場所で動かす
ZIP を読み込み、オフラインでプレビューし、本物のツールでデバッグし、きれいな成果物を書き出す。すべて iPhone や iPad の上で完結します。
OpenHTML をダウンロードApp Store で無料——中心となる閲覧機能に購入は不要です。