iPhone で ChatGPT や Claude の HTML ファイルを開く方法

iPhone が標準では開けない理由

「ファイル」アプリのプレビューは、制限されたモードで HTML を描画します。外部スタイルシートは無視され、JavaScript は実行されず、リンクされたリソースも読み込まれません。一方の Safari は URL のために作られていて、ローカルファイルを素材ごとそこへ渡す方法は当てになりません。その結果、チャットの中では見栄えのよかった AI 生成のダッシュボードが、手元のスマートフォンではスタイルのないテキストの壁になります。

方法 1 — ファイルを HTML ビューアに共有する

1. OpenHTML（無料）をダウンロードします。HTML・Markdown・Web プロジェクトのための、端末内で完結するプライベートなビューアです。
2. ChatGPT や Claude、「ファイル」、メール、任意のチャットアプリで、.html ファイルの共有ボタンをタップします。
3. OpenHTML を選びます。スタイルが適用され、ローカルの JavaScript が動いた状態でページが開きます。

共有シートに OpenHTML が出てこない場合は、アプリの並びをスワイプして「その他」をタップし、そこで一度選んでください。以降は iOS が覚えてくれます。

方法 2 — コードを直接貼り付ける

AI がくれるのは、ファイルではなくコードブロックであることもよくあります。先に「ファイル」へ保存する必要はありません。コードをコピーして OpenHTML を開き、+ をタップして「テキストまたはリンクを貼り付ける」を選びます。貼り付けたコードはすぐに描画されたページになり、読み込んだファイルと同じようにライブラリに置いておけます。

方法 3 — 「ファイル」から一度だけ開く

ファイルがすでに iCloud Drive や「この iPhone 内」にあるなら、OpenHTML で + をタップして「ファイルを開く」を選べば、読み込まずに一度だけ表示できます。保存を選ばない限り、ライブラリには何も追加されません。ちょっと目を通すだけのファイルに便利です。

ページは開いたのに、表示が崩れているとき

AI が生成したページは、存在しないものを参照していることがよくあります。CDN 上の CSS フレームワーク、ネットワーク越しに読み込まれるグラフのライブラリ、AI が言及しただけで実際には作らなかった画像ファイル。ページは壊れているのではなく、不完全なのです。そして普通のビューアは、どの部分が足りないのかを教えてくれません。

• OpenHTML の診断は、見つからないファイルとブロックされたリモートリソースをすべて名指しで挙げ、コンソールからの JavaScript エラーも示します。
• ページが本当に CDN（フォントやフレームワーク）を必要とするなら、その書類 1 つだけネットワークアクセスを許可します。デフォルトでは、すべてのページがオフラインのままです。
• AI がページを複数のファイルに分けた場合は、フォルダや ZIP としてまとめて読み込めば相対パスがそのまま動きます。ZIP の Web プロジェクトを動かすを参照してください。

失敗のパターンをもっと詳しく知りたい方は、iOS のプレビューで HTML が崩れる理由をお読みください。

プライバシー：ファイルはどう扱われるのか

AI の出力には、レポートや表、ドラフトなど、あなた自身のデータが含まれていることがよくあります。OpenHTML はすべてを端末内に保ちます。読み込んだファイルはアプリのプライベートストレージに入り、アカウントも分析もなく、書類ごとに許可しない限りページはネットワークに接続できません。何かがアップロードされることは決してありません。

表示するだけでなく

• 数式入りの Markdown の回答も、オフラインで描画されます。iPhone の Markdown + LaTeXを参照してください。
• 結果を誰かに送りたいときは、描画されたページを全長の PDF または長い画像として書き出せます（Pro）。
• AI がほぼ正解したページをデバッグしたい？ 要素インスペクタとネットワークパネルは、スマートフォン上でそのまま使えます。iPhone で Web ページをデバッグするを参照してください。