iPhone で HTML ファイルを受け取ったら文字だらけ。開く方法と、相手にリンクで送る方法

要約

iPhone の「ファイル」アプリで .html ファイルをタップすると、開くのは Safari ではなくクイックルックのプレビューです。Convika が iOS 26.3 のシミュレーターで試したところ、JavaScript は動かず、ネットの画像やフォントも読み込みませんでした。いま開くなら、ファイルを「ファイル」アプリに保存し、Safari で無料の HTML ビューアーを開いて選びます。確実なのは、送った人にリンクで送り直してもらうことです。HTML をこのページのボックスに入れて公開すると、タップするだけで開ける URL になります。

iPhone で開けるリンクをつくる

Free プラン: カード登録なし、公開 1 ページまで、月 10,000 ビューまで

目次

LINE やメールで「AI で作ったから見て」と HTML ファイルが届いた。iPhone でタップすると、出てきたのはそっけない文字の並びか、ボタンを押しても何も起きない画面。クイズもゲームも、ここでは動きません。

壊れているのは、たいていファイルではありません。iPhone がそのファイルを、ブラウザではなくプレビューで開いているからです。このガイドでは、受け取った側がいまページとして開く方法と、送った側がリンクにして送り直す方法を順に説明します。Apple のヘルプは 2026 年 10 月 21 日に確かめました。

iPhone で HTML ファイルを開くとどうなる

Apple のヘルプ iPhoneの「ファイル」でファイルやフォルダを検索する/表示する には、「ファイルを作成したアプリがインストールされていない場合は、クイックルックでファイルのプレビューが開きます」とあります。ヘルプは HTML ファイルについては書いていません。Convika が iOS 26.3 のシミュレーターで試した結果では、HTML ファイルも「ファイル」アプリでタップすると、Safari ではなくこのプレビューで開きました。

このプレビューは、ページを動かすブラウザではありません。2026 年 10 月 6 日に Apple の iPhone シミュレーター(iOS 26.3)で試したところ、次のようになりました。

  • JavaScript が動かない。 ボタン、クイズの答え合わせ、ゲーム、タブの切り替えは、押しても反応しません。
  • ネットから何も読み込まない。 https:// の画像も、Google Fonts も、CDN から読み込む Tailwind も表示されません。見た目を Tailwind で作ったページは、飾りのない文字の並びになります。
  • 出るのは、文字とファイルの中に書いた CSS まで。

「文字だらけ」に見えるのは、このためです。ファイルの中身は送った人の画面と同じでも、iPhone のプレビューにはページを組み立てる力がありません。

受け取った HTML ファイルを iPhone でページとして開く 4 つの手順

ブラウザでページとして開くには、Safari で動く無料の HTML ビューアー を使います。開くだけなら、ファイルは Convika のサーバーに送られません。

1. ファイルを「ファイル」アプリに保存する

メールの添付なら、Apple のヘルプ iPhoneの「メール」でメールの添付ファイルをダウンロードする のとおり、添付ファイルを長押しして「“ファイル”に保存」を選びます。Safari でダウンロードしたファイルは、iPhoneでダウンロードしたファイルを確認する によると「ファイル」アプリの「ブラウズ」にある「ダウンロード」フォルダに入ります。

LINE で届いたファイルを iPhone でどう保存するかは、LINE のヘルプで確かめられませんでした。保存できない場合は、送った人にリンクで送り直してもらうのが早道です。

2. Safari で HTML ビューアーを開く

Safari で HTML ビューアー を開きます。登録もアプリのインストールもいりません。

3. 「HTML ファイルを選ぶ」から、保存したファイルを選ぶ

「HTML ファイルを選ぶ」をタップし、手順 1 で保存したファイルを選びます。ページがブラウザの中で表示され、JavaScript もネットの画像やフォントも動きます。

心当たりのない人から届いたファイルは、開かずに送った人に確かめてください。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。

4. コードしかないときは「コードから」に貼り付ける

ファイルではなく、チャットにコードが貼られて届いたときは、ビューアーの「コードから」に貼り付けて「ページを表示する」を押します。最初の <!DOCTYPE html> から最後の </html> までを、まとめてコピーしてください。

メール・LINE で届いた HTML が開けないとき

  • 「メール」で添付をタップしたとき。 「メール」の中で .html の添付がどう表示されるかは、Apple のヘルプに書かれておらず、試してもいません。ページとして見るなら、上の手順で「ファイル」アプリに保存してからビューアーで開きます。
  • LINE で届いたとき。 LINE のヘルプは、受け取った HTML ファイルがスマホでどう開くかを書いていません。トークで届くのはファイルで、開くアプリは相手の端末しだいです。くわしくは HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法 で説明しています。
  • 「このアプリで開く」で別のアプリを選びたいとき。 Apple のヘルプによると、「ファイル」アプリでファイルを長押しして「このアプリで開く」から開くアプリを選べます。ただ、Apple の iPad シミュレーター(iPadOS 26.3)で試したときは、.html ファイルに出た選択肢は「クイックルックでプレビュー」だけでした。iPhone にブラウザのアプリを入れたときに何が出るかは、確かめていません。

送る側ができること:リンクにして送る

受け取った人が手順をたどるより、送った人がリンクにして送り直すほうが確実です。リンクなら、相手は LINE でもメールでもタップするだけで、Safari などのブラウザでページが開きます。

送った人がこのガイドを読んでいるなら、次の流れで URL を作れます。

  1. ページ冒頭のボックス に HTML ファイルを入れるか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
  2. 「プレビューができました」と出たら「プレビューを開く」で見た目を確かめます。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。見え方を自分で確かめるためのものです。
  3. 「このページを受け取る(無料・カード不要)」から登録すると、ページがアカウントに入り、スクリプトも動くようになります。
  4. 管理画面で「公開する」を押します。はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(最初の 7 日間は無料、カードの登録が必要)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
  5. 公開した URL を、LINE のトークやメールの本文に貼って送ります。

公開の確認画面では「一般公開」か「限定公開」を選びます。無料の一般公開のページは、検索結果や Convika のギャラリーに出ることがあります。検索に出さない限定公開は、Pro と 1年パスの機能です。決まった人だけに見せたいときは、ページにパスワードをかけられます。パスワードは Pro と 1年パスの機能で、手順は HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。Free プランは公開 1 ページまで、月 10,000 ビューまでです。ほかのプランは 料金ページ にまとめています。

送る側がスマホしか持っていないときは、スマホだけで、ChatGPT が作ったホームページを公開する を見てください。

動かないときの原因

ビューアーで開いても、リンクで受け取っても崩れるときは、ファイルの作り方に原因があります。

  • CSS や画像を別のファイルに分けている。 style.css や photo.png を指す書き方は、HTML ファイルの隣にあるファイルを探します。HTML ファイルだけが届いても、隣のファイルは届きません。ビューアーは、読み込めなかったファイルの名前をページの下に一覧で出します。作った AI に「CSS を中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。
  • ファイルが大きすぎる。 ビューアーも Convika のボックスも、受け付けるのは 2 MB までです。画像をコードの中に埋め込むと、ここまで大きくなることがあります。
  • 外のサービスからデータを読み込んでいる。 Convika で公開したページのスクリプトは、https:// の CDN から読み込むものなら動きます。一方、ページの中からほかのサイトにデータを取りに行く処理(fetch)は、公開したページと同じアドレスにしか届きません。天気や為替をほかのサービスから取ってくるページは、その部分が動きません。

開き方のくらべ

開き方iPhone に入れるアプリボタンやゲーム(JavaScript)ネットの画像・フォント送る側の手間
「ファイル」アプリでタップ(クイックルック)いらない動かない(iOS 26.3 のシミュレーターで確認)読み込まないなし
「このアプリで開く」でブラウザのアプリを選ぶブラウザのアプリ未確認未確認なし
HTML ビューアーでファイルを選ぶいらない(Safari で開く)動く読み込むなし
HTML ビューアーの「コードから」に貼るいらない(Safari で開く)動く読み込むコードを送る
リンクで受け取る(Convika で公開)いらない動く読み込む公開して URL を送る

いちばん手間が少ないのは、リンクで受け取ることです。受け取った人は何も準備せず、送った人はページを直しても、管理画面の「新しいバージョンのアップロード」で入れ替えれば同じ URL のままです。

よくある質問

iPhone で html ファイルを開くには?

「ファイル」アプリでタップするとクイックルックのプレビューになり、iOS 26.3 のシミュレーターで試した結果では、JavaScript もネットの画像も動きませんでした。ページとして開くなら、ファイルを「ファイル」アプリに保存して、Safari で HTML ビューアー を開き、「HTML ファイルを選ぶ」から選びます。開くだけなら、ファイルはサーバーに送られません。

html ファイルがコード表示になる

HTML をページではなく文字として扱うアプリで開いているためです。HTML ファイルは、ブラウザが読んで初めてページになる指示書です。ブラウザで開けば、ページとして表示されます。iPhone なら、Safari で HTML ビューアーを開いてファイルを選ぶか、コードを「コードから」に貼り付けて「ページを表示する」を押します。

iPhone の Safari で html を表示できる?

できます。Safari で HTML ビューアー を開き、「HTML ファイルを選ぶ」から「ファイル」アプリに保存したファイルを選ぶと、Safari の中でページとして表示されます。JavaScript も、https:// の画像やフォントも動きます。人に見せるなら、ページを公開して URL を送るほうが、相手の手間がありません。

LINE で受け取った html が開けない

LINE で届くのはファイルで、どのアプリで開くかは相手の端末しだいです。iPhone のプレビューで開くと、iOS 26.3 のシミュレーターで試した結果では、ボタンやゲームは動きませんでした。送った人に、ページを公開した URL をトークに貼ってもらうのが確実です。URL なら、タップするだけでブラウザでページが開きます。

html ファイルを iPhone に保存するには?

メールの添付は、長押しして「“ファイル”に保存」を選ぶと「ファイル」アプリに入ります(Apple のヘルプ)。Safari でダウンロードしたファイルは、「ファイル」アプリの「ブラウズ」にある「ダウンロード」フォルダに入ります。保存したファイルは、Safari で HTML ビューアーを開いて選べば、ページとして表示できます。

出典

次のステップ

HTML ページにパスワードをかけて、知っている人だけに見せる方法

JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。

関連記事

人に渡す方法

記事を共有する

iPhone の人には、ファイルではなくリンクを送る

HTML ファイルかコードを入れて公開すれば、相手はタップするだけで、ボタンもゲームも動くページを開けます。

iPhone で開けるリンクをつくる

Free プラン: カード登録なし、公開 1 ページまで、月 10,000 ビューまで