Skip to content
iOS で HTML ファイルをプライベートに開く。OpenHTML

iPhone で AI 生成の HTML を開く

ChatGPT や Claude、Gemini から HTML ファイルを受け取った——それを iPhone や iPad で実際に表示する方法と、見た目がおかしいときに理由を突き止める方法です。

更新日 2026-09-15

iOS には、ローカルの HTML ファイルをきちんと開く手段が用意されていません。「ファイル」App のプレビューはスタイルもスクリプトも落ちた簡易表示ですし、Safari はローカルページとその関連リソースを確実に読み込めません。

OpenHTML はこれを 1 ステップで解決します。どのアプリからでもファイルを共有する(または HTML コードを直接貼り付ける)だけで、本物のページとして描画されます。オフラインで、JavaScript はローカルで実行され、ネットワークアクセスは既定でオフ。それでも表示がおかしいときは、内蔵の診断が、どのリソースが見つからないのか、どれがブロックされたのかを正確に示します。白い画面の前で悩む必要はありません。

開く方法は 3 つ

  1. 共有する

    ChatGPT、Claude、「ファイル」、メール、チャットアプリで .html ファイルの共有ボタンをタップし、OpenHTML を選びます。ページはプライベートなローカルコピーとしてすぐに開きます。

  2. 貼り付ける

    ファイルではなく HTML コードをコピーした場合は、OpenHTML を開いて + をタップし、「テキストまたはリンクを貼り付ける」を選びます。コードがそのまま描画されたページになります。先に「ファイル」へ保存する必要はありません。

  3. 一度だけ開く

    + をタップして「ファイルを開く」を選べば、ライブラリに読み込まずに HTML ファイルを一度だけ表示できます。iCloud Drive などどのファイルプロバイダからでも可能です。残したいときだけライブラリに保存します。

AI のページがうまく表示されないとき

AI が生成したページの壊れ方には決まったパターンがあります。CSS フレームワークを CDN から参照している、グラフライブラリをネットワーク越しに読み込む、コードが手元に届いていないファイルに分かれている。多くのビューアは、壊れた結果をそのまま見せるだけです。

OpenHTML には診断パネルがあります。ページをスキャンし、見つからないファイル、ブロックされたリモートリソース、JavaScript エラーをすべて列挙します。ワンタップの修正付きです。ページに CDN がどうしても必要なら、その書類だけネットワークアクセスを許可できます。ほかはすべてオフラインのままです。

プライバシーの既定値:リモートのネットワークアクセスは、書類ごとに許可するまでオフです。AI が生成したページも、あなたが許可しない限り外部へ通信できません。

AI ワークフローのために

  • 単一ファイルのページも、複数ファイルのプロジェクトも、ZIP アーカイブも、開き方は同じです。
  • Markdown の回答も整ったページとして描画されます。LaTeX 数式も完全オフラインで表示されます。iPhone で Markdown + LaTeX を参照。
  • fetch() や ES modules を使うページは、プライベートなローカルサーバーで実行できます(Pro)。ZIP ウェブプロジェクト を参照。
  • 確認が終わったら、ページを全長の PDF や長い画像として書き出して結果を共有できます(Pro)。

よくある質問

HTML ファイルが iPhone でただのテキストに見えるのはなぜですか?

「ファイル」App のプレビューは外部のスタイルとスクリプトを取り除いてしまいます。同じファイルを OpenHTML で開けば、ローカルの JavaScript も動く本物のウェブページとして表示されます。

HTML ファイルはどこかにアップロードされますか?

いいえ。OpenHTML はプライベートなコピーを端末内に保持します。アカウントも解析もなく、ページのネットワークアクセスは既定でオフです。

ChatGPT がファイルではなくテキストで返した HTML も開けますか?

開けます。コードをコピーして + をタップし、「テキストまたはリンクを貼り付ける」を選んでください。貼り付けたコードが、描画でき保存もできるページになります。

無料ですか?

ページを開く、プレビューする、診断するまでは無料です。買い切りの Pro を購入すると、PDF / 画像への書き出し、要素インスペクタとネットワークインスペクタ、ローカルサーバーモードなどが加わります。

AI のページを、本来の姿で見る

ChatGPT、Claude、Gemini のどの HTML でも、共有するか貼り付けるだけで数秒後にオフラインでプレビュー。おかしいときは本物の診断が付いてきます。

OpenHTML をダウンロード

App Store で無料——中心となる閲覧機能に購入は不要です。