iPhone で HTML ファイルを受け取ったら文字だらけ。開く方法と、相手にリンクで送る方法
要約
iPhone の「ファイル」アプリで .html ファイルをタップすると、開くのは Safari ではなくクイックルックのプレビューです。Convika が iOS 26.3 のシミュレーターで試したところ、JavaScript は動かず、ネットの画像やフォントも読み込みませんでした。いま開くなら、ファイルを「ファイル」アプリに保存し、Safari で無料の HTML ビューアーを開いて選びます。確実なのは、送った人にリンクで送り直してもらうことです。HTML をこのページのボックスに入れて公開すると、タップするだけで開ける URL になります。
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 を作れます。
- ページ冒頭のボックス に HTML ファイルを入れるか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスもいりません。
- 「プレビューができました」と出たら「プレビューを開く」で見た目を確かめます。このプレビューを開けるのは 3 分間 だけで、スクリプトとフォームは止めて表示します。見え方を自分で確かめるためのものです。
- 「このページを受け取る(無料・カード不要)」から登録すると、ページがアカウントに入り、スクリプトも動くようになります。
- 管理画面で「公開する」を押します。はじめての公開では「公開プランを選ぶ」画面で、無料で公開するか、Pro 1年パス(¥4,400・1 回払いで 365 日間、自動更新なし)か、Pro 月額プラン(最初の 7 日間は無料、カードの登録が必要)かを選びます。無料で公開したページは、下に Convika のバナーが出ます。
- 公開した 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 ビューアーを開いて選べば、ページとして表示できます。
出典
- iPhoneの「ファイル」でファイルやフォルダを検索する/表示する(Apple サポート) (2026 年 10 月 21 日に確認)
- iPhoneでダウンロードしたファイルを確認する(Apple サポート) (2026 年 10 月 21 日に確認)
- iPhoneの「メール」でメールの添付ファイルをダウンロードする(Apple サポート) (2026 年 10 月 21 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- Android で HTML ファイルが開けない。コードだけ出るときの対処と、相手にリンクで送る方法Android 16 のエミュレーターで「ファイル」アプリから HTML ファイルをタップすると、開くアプリを選ぶ画面が出ました。Chrome ではゲームもボタンも動き、「HTMLビューア」では動きませんでした。いま開く手順と、送る側がリンクにして送り直す方法を説明します。
- 生徒の iPad で HTML の教材を開く。ファイルを配らずリンクと QR でiPad に HTML ファイルを送ると、「ファイル」アプリのプレビューで開き、クイズのボタンやゲームは動きません。AI で作った教材を URL にして、Classroom やロイロノート、QR コードで生徒の iPad に配る手順と、学校の設定で開けないときの対処をまとめました。
- スマホだけで、ChatGPT が作ったホームページを公開する(ファイルがなくてもできる)パソコンがなくても、ChatGPTのチャットに出たHTMLのコードをスマホでコピーして貼り付ければ、ページのリンクにできます。貼り付けから公開、LINEで送るまでの手順と、うまく表示されないときの直し方をまとめました。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
- HTML ファイルをメールで送って、相手にページとして見てもらう方法HTML ファイルをメールに添付すると、届くのはファイルで、開き方は相手のメールアプリしだいです。会社の設定で止められることもあります。このガイドは Gmail・Outlook・iPhone での添付の手順と、URL を本文に貼って送る方法を説明します。
- Google Chat・Meet のチャットで HTML ファイルを見せたい。開けないときの共有方法Google のヘルプによると、Google Chat にパソコンから添付した HTML ファイルは、相手の画面ではダウンロードになります。HTML を URL にして Chat や Meet のチャットに貼り、参加者全員にパソコンでもスマホでも同じページを開いてもらう手順を説明します。