HTML ファイルを、どのスマホでも開けるリンクで共有する方法

ChatGPT や Claude、Gemini に作ってもらったページを、取引先や友人に見てもらいたいときがあります。相手はたいていスマホで開きます。

いちばん手軽なのは .html のファイルをそのまま送ること。けれど相手の手元に届くのはページではなく、ファイルです。

HTML ファイルを送っても、相手のスマホで開けない理由

HTML ファイルは、ページの見た目を写した画像ではなく、ブラウザに向けた指示書です。受け取ったアプリがその指示を読めなければ、ページにはなりません。

ファイルを送るときに使う場所の多くは、ファイルをブラウザに渡しません。

• 会社のメールサーバーで止められることがある。 Gmail の ブロックされるファイルの種類 にも、Outlook の ブロックされる添付ファイル にも、.html は入っていません（Outlook は .mht、.mhtml、.hta を止めます）。ただし Microsoft 365 では、管理者が止める種類を増やせます。Microsoft の マルウェア対策のドキュメント では、追加で選べる種類に htm と html があり、止めたメールは既定で配信不能レポート（NDR）付きで送信者に戻ります。
• Google ドライブと Dropbox が共有するのは、ファイルであってページではない。 Google は 2016 年 8 月 31 日に、ドライブから Web ページを配信する機能を終えました（出典: Google の告知）。Dropbox も、公開リンクで HTML をブラウザに表示する機能を、無料の Basic では 2016 年 10 月 3 日に、Plus とチームのアカウントでは 2017 年 9 月 1 日に終えました（出典: Dropbox ヘルプ）。リンクを送っても、相手に渡るのはファイルです。ドライブにある HTML ファイルを自分のブラウザで開く方法と、ページとして見せる方法は、ガイド Google ドライブの HTML ファイルを、ページとして表示・共有する方法 で説明しています。
• スマホのファイルのプレビューは、ブラウザではない。 iPhone の「ファイル」アプリで .html ファイルをタップすると、プレビューが開きます。Apple の iPhone シミュレーター（iOS 26.3）で試したところ、このプレビューはページの JavaScript を動かさず、ネットからは何も読み込みませんでした。画像も Google Fonts も、CDN から読み込む Tailwind も表示されません。くわしくは下の、スマホで開くときの節。
• パソコンに保存した画像は、ファイルについていかない。 hero.png のような書き方は自分のパソコンの中のファイルを指しているので、ほかの人の画面では画像が壊れます。

HTML ファイルを共有する 4 つの方法

1. ファイルを添付する。 相手がパソコンのブラウザで開くなら、これで足ります。iPhone の「ファイル」アプリで開くと、上の節のとおりスクリプトもネット上の画像もないプレビューになります。
2. 画像と一緒に zip にまとめる。 ページと画像のファイルが離れずに届きます。ただ、相手は解凍してからファイルを開くため、添付と同じ制約があります。
3. PDF かスクリーンショットにする。 ページをブラウザで開いて PDF に印刷するか、画面を撮ります。どのスマホでも開けますが、残るのは見た目だけ。メニュー、フォーム、アニメーションなど、スクリプトで動く部分はなくなります。
4. リンクを送る。 ファイルを公開先に置いて、Web のアドレスをもらいます。相手はリンクをタップするだけで、スマホのブラウザでページを開けます。Convika なら、このページのボックスで登録なしのリンクが数秒でできます。最初のリンクではスクリプトを止めて表示し、ページを受け取ればスクリプトも動きます（下の手順 3）。

見てもらうだけなら、PDF でも足ります。

ボタンを押す、メニューを開く、フォームに入力するといった操作までしてほしいなら、リンクを送ります。

ChatGPT・Claude・Copilot で作ったページを送るとき

ChatGPT で作った HTML

ChatGPT に、ページを 1 つの .html ファイルで出してもらうか、コードブロックのコードをすべてコピーします。

ChatGPT Sites を使えば公開まで ChatGPT の中で完結しますが、OpenAI のドキュメント によると、使えるのは Plus・Pro・Business・Enterprise・Edu のプランです。Free と Go では使えません（くわしくは ChatGPT Sites は無料で使える？）。

どのプランでも、ファイルかコードを ページ冒頭のボックス に入れれば、相手に送れるリンクができます。

フォームの付いたサイトとして公開するまでの手順は、ガイド ChatGPT で作った HTML を、無料で公開する方法 で説明しています。

Claude で作った HTML

アーティファクトの「共有」で作ったリンクは、開く人にも Claude のアカウントが必要です。Anthropic の 共有のガイド によると、全員に Claude のアカウントが必要で、例外はチャットから公開した以前のアーティファクト（レガシーアーティファクト）だけです。

アカウントを持っていない相手に見せるなら、ファイルをダウンロードするかコードをコピーして、同じボックスに入れます。

自分のドメインで公開する方法は、ガイド Claude で作ったページを、自分のドメインで公開する方法 にあります。スマホのアプリや Claude Code から HTML を取り出す方法は、ガイド Claude で作った HTML を、Claude のアカウントがない人にも見せる方法 で確認できます。

Claude を使えない 18 歳未満の生徒に、授業でゲームや教材を配るときは、ガイド Claude で作ったゲームや教材を、生徒に配る方法 があります。

Copilot で書いた HTML

Microsoft Copilot に書いてもらったページも、手順は同じです。コードを最初から最後の </html> まですべてコピーし、ページ冒頭のボックス を「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押します。

DeepSeek など、ほかの AI チャットが書いたコードでも変わりません。コードが途中で切れているとプレビューを作れないため、最後の </html> まで入っているかを先に確かめます。

Copilot ページにコードができた場合や、GitHub Copilot で .html ファイルを作った場合は、ガイド Copilot で作った HTML を公開する方法 で説明しています。

メール・LINE・Slack で送るとき

先にファイルをアップロードして公開し、ファイルではなく、公開した URL を送ります。

• メール。 添付した .html ファイルは会社のメールサーバーで止められることがあり、iPhone の「ファイル」アプリで開くと、スクリプトの動かないプレビューになります。本文にリンクを書けば、相手がタップしたときにページがブラウザで開きます。Gmail・Outlook・iPhone の「メール」での添付のしかたと、届かない・開けないときに確かめることは、ガイド HTML ファイルをメールで送る方法 で説明しています。
• LINE・Slack・Teams・Chatwork。 メッセージにリンクを貼ります。スマホでもパソコンでも、タップかクリックでページが開きます。相手は公開先のアカウントを持っていなくてもかまいません。LINE でのファイルの送り方と、ファイルが LINE に残る期間は、ガイド HTML ファイルを LINE で送る方法 で説明しています。

添付、ドライブ、公開先の比較

下の表は、各社のページとドキュメントで 2026 年 10 月 12 日に確かめた内容です。表の「—」は、その列があてはまらないことを示しています。

選ぶ基準は、相手が開いたあとに何をしてほしいかです。

いますぐ一度見てもらうだけなら、登録なしで使えるものが 2 つあります。Convika のプレビューは登録なしで 3 分間有効で、スクリプトは止まります。Cloudflare Drop は、HTML ファイルをそのままドロップすると、公開中の workers.dev の URL がすぐに出ます。残すなら 60 分以内にアカウントで受け取ります。

ページを残したい、スクリプトを動かしたい、開かれたかを知りたいなら、アカウントを作って公開先に置きます。公開先は Netlify より簡単に HTML を公開できるサービスは？ で、7 つを並べてくわしく比べています。

HTML ファイルをリンクにする 4 つの手順

1. ページが 1 つのファイルになっているか確かめる

Convika が受け付けるのは、.html か .htm のファイル 1 つ（2 MB まで）か、同じコードの貼り付けです。画像は https:// から始まる URL で指定します。

ChatGPT、Claude、Gemini、Codex で作ったページなら、同じ会話で「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼んでください。Gemini Canvas でのコードの取り出し方は、ガイド Gemini で作ったページを、URL で人に見せる方法 にあります。

2. ファイルをドロップするか、コードを貼り付ける

ページ冒頭のボックスにファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。同じボックスは Convika の 無料の HTML 公開ツール にもあります。

アカウントもメールアドレスもいりません。同じ回線から作れるプレビューは 1 日 10 件までです。<img> などのタグでパソコンの中の画像を読み込んでいる場合は、そのファイル名が一覧で出るため、先にリンクを直せます。スクリプトが読み込む画像は一覧に出ません。

3. 自分のスマホでプレビューを開く

「プレビューができました」と出たら「リンクをコピーする」を押し、人に送る前に、まず自分のスマホで開きます。レイアウトが崩れていないか、画像が表示されるかを確かめてください。

ページの上部には、Convika の無料ツールにアップロードされたページであることと、スクリプトとフォームが動かないことを知らせる帯が出ます。下には Convika のバナーが出ます。スクリプトで動くボタンやメニューは、このプレビューでは反応しません。ページを受け取れば動きます。

4. リンクを送る

人に送るのは、ページを受け取って公開した URL です。登録なしのリンクが開けるのは 3 分間だけで、人に送るリンクには向きません。

プレビューで見え方を確かめたら、下の「ページを残して、開かれたかを知る」のとおりにページを受け取って公開し、公開した URL をメールや LINE、Slack のメッセージに貼ります。相手はタップするだけで、アプリもアカウントもなしに、スマホのブラウザでページを開けます。

共有したページを検索結果に出さない設定

2026 年 7 月、Claude の「リンクで共有」で共有したチャットやアーティファクトが、Google や Bing の検索結果に出ていたと報じられました（The Decoder、GovInfoSecurity）。The Decoder は、共有ページに noindex のタグ（検索エンジンに、結果に載せないよう伝える印）がなかったようだ、と伝えています。Anthropic は、共有リンクは利用者自身が広めない限り見つからない、と説明しました。

Convika では、公開するときの「このページを開ける人」で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開（Pro）にすると、Convika が検索エンジンにページを検索結果に出さないよう伝え（noindex）、サイトマップにもギャラリーにも載せません。受け取った相手は、スマホからでも URL を開くだけ。パスワードもアカウントもいりません。限定公開は Pro（月 ¥1,800）の機能です。

「限定公開」でも、URL を転送された人はページを開けます。決まった人だけに開いてほしいときは、「パスワードを知っている人だけ」を選んでパスワードをかけてください（Pro・月 ¥1,800 の機能）。反対に無料の「一般公開」を選んだページは、検索結果や Convika のギャラリーに出ることがあります。公開したあとでも、「ページの設定」から切り替えられます（限定公開に変えるには Pro が必要です）。

ページを残して、開かれたかを知る

プレビューは、人に送る前に自分で見え方を確かめるためのもの。人に送るとき、スクリプトを動かしたいとき、だれかが開いたかを知りたいときは、リンクの上の「このページを受け取る（無料・カード不要）」を押します。プレビューの時間が過ぎても、同じ画面から受け取れます。登録すると、アップロードしたページがそのままアカウントに入り、スクリプトの動く新しいプレビューのリンクができます。最初のリンクは使えなくなります。「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。公開すると、yourpage.convika.page のようなアドレスになり、この URL は「公開を停止する」を押すまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。ランディングページなら、「フォームを追加する」を押すと、届いた申し込みを残せるフォームが入ります。自分のドメインのサブドメインもつなげます。

Convika の 利用規約 は、第 7 条で Free を含むすべてのプランの商用利用を認めています。Free プランはカード登録なしで使えます。1 ページを公開でき、フォームの回答は月 50 件まで一覧に出ます（超えた分も保存され、Pro で見られます）。www.example.com のようなサブドメインを 1 つつなげられ、ページの下に Convika のバナーが出ます。公開したページは、日ごとの訪問数を、訪問者の国、デバイス、どのサイトから来たかとあわせて、直近 90 日分見られます。名前やメールアドレスなど、だれが見たかはわかりません。自分で開いた分も数えるため、リンクを送る前の数を控えておくと区別できます。数字の読み方は、ガイド AI で作ったページのアクセス数と流入元を見る方法 で説明しています。Pro は月 ¥1,800 です。

クライアントに下書きを送るとき

クライアントに下書きを見てもらうなら、送る前にページを受け取って公開します。登録なしのリンクが開けるのは 3 分間 だけ、受け取ったページのプレビューのリンクも 3 分間だけです。クライアントがリンクを開くのは翌日かもしれません。

プレビューは、オンラインの打ち合わせで画面を見せながら説明するときに使えます。あとで見てもらうなら、公開した URL を送ります。送る前に知っておくことは、このあとの 4 つです。

• 登録なしのプレビューには、上部にお知らせが出る。 ページの上部に、Convika の無料ツールにアップロードされたことを知らせる帯が出ます。受け取ったページに上部の帯は出ません。Free では下に Convika のバナーが出て、Pro（月 ¥1,800）で消せます。
• 登録なしのプレビューでは、動く部分を見せられない。 メニューやスライダー、フォームの動きを見てほしいなら、ページを受け取ります。ダッシュボードのプレビューでも、公開したページでも、スクリプトが動きます。
• 検索に出さないなら限定公開に。 無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。公開するときの「このページを開ける人」で「限定公開」を選ぶと（Pro）、検索エンジンには結果に出さないよう伝えられ、サイトマップにもギャラリーにも載りません。クライアントは受け取った URL を開くだけで、パスワードやアカウントなしで下書きを見られます。確認が済んだら「公開を停止する」を押せば、ページは見られなくなります。公開したあとも、「ページの設定」の「公開範囲」で切り替えられます（限定公開にするには Pro が必要です）。検索に出さない設定とパスワードの違いは、HTML のページを限定公開するで説明しています。
• パスワードをかけるなら Pro。 社外秘の提案なら、ページを受け取って、公開するときに「このページを開ける人」で「パスワードを知っている人だけ」を選び、パスワードをかけます（Pro になったあとは「ページの設定」の「閲覧パスワード」でもかけられます）。訪問者にはまずパスワードの入力画面が出て、Convika は正しいパスワードが入力されるまでページを送りません。Pro は月 ¥1,800。登録なしのプレビューのリンクには、パスワードはかけられません。見る人の画面やほかのサービスとの違いは、ガイド HTML ページにパスワードをかけて、知っている人だけに見せる方法 にまとめています。

スマホで HTML ファイルを開くとき

ファイルがすでにスマホにある場合もあります。メールで受け取った、あるいはどうしてもファイルで送るしかない、というときの見え方です。

iPhone

「メール」で受け取ったファイルは、Apple のヘルプ のとおり、添付ファイルをタッチして押さえたままにし、「“ファイル”に保存」を選びます。そのあと「ファイル」アプリでタップすると、プレビューが開きます。

2026 年 10 月 6 日に、Apple の iPhone シミュレーター（iOS 26.3）で試した結果が、次の 3 項目です。

• ページの文字とレイアウト、ファイルの中に書いた CSS は表示された。
• JavaScript はまったく動かなかった。
• ネットからは何も読み込まなかった。https:// の画像、Google Fonts、CDN の Tailwind はどれも読み込まれず、Tailwind で作ったページはスタイルのない状態で表示された。

CSS をファイルの中に書いた、ふつうの HTML のページなら、これでも読めます。Tailwind の CDN、Web フォント、ネット上の画像、スクリプトに頼るページは、思ったとおりには表示されません。

ネットに上げずに本来の見え方を確かめるなら、Safari で Convika の無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」をタップして、「ファイル」アプリからファイルを選びます。ビューアーはブラウザの中で動くので、スクリプトもネット上の画像も読み込まれ、ファイルはアップロードされません。

受け取ったファイルなら、心当たりのないものは開かずに、送った人に確かめてください。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。外すと、ページのスクリプトは動かず、フォームも送信されません。

Android

どのアプリで .html ファイルが開くかは、スマホの機種や入っているアプリで変わるため、見え方もそろいません。ファイルで送るなら、相手と同じような機種で先に確かめます。

Chrome で HTML ビューアー を開いてファイルを選べば、アップロードせずに、スクリプトも動く状態で表示できます。受け取ったファイルで気になるものは、iPhone と同じく、選ぶ前に「スクリプトを動かす」のチェックを外してください。

送る側として、スクリプトやネット上の画像が必要なページを見せたいなら、ファイルではなくリンクを送ります。

画像や複数のファイルがあるページ

Convika は 1 ページを 1 つの HTML として公開します。ページは 1 つのファイルにまとめてください。

• 画像。 自分のサイトや画像の置き場所など、https:// から始まる URL で指定します。コードに埋め込んだ画像も表示されますが、2 MB の上限に含まれるため、大きな画像が多いと超えることがあります。
• 複数のページや、フォルダごとのファイル。 Convika が受け付けるのは、ページごとの HTML ファイルです。ページはそれぞれのパスに置かれ、フォルダは受け付けないので、ファイルどうしのリンクは切れます。作った AI に 1 ページにまとめてもらうか、フォルダや zip を受け付ける公開先を使います。Netlify Drop はフォルダと zip のどちらも、Tiiny Host は zip を受け付けます。Cloudflare Drop も、フォルダか zip を登録なしで受け付けます。
• ほかのサイトからデータを読み込むスクリプト。 Free では、Convika のページのスクリプトが fetch などで通信できるのは、ページ自身のアドレスだけです。Pro と MAX では、アクセス解析ツール（Google のアドレスを含みます）と、持ち主が登録した広告の送信先（「ページの設定」の「自分の広告ネットワークのホスト」に 20 件まで）にも届きます。ほかのサイトからフィードやスプレッドシートを読み込む処理は、Free では動かず、Pro などでも読み込み先がこの 2 つに入っていなければ動きません。AI に「読み込んでいるデータを、ページの中に直接書いて」と頼んでください。

よくある質問

HTML ファイルを無料でリンクにして共有するには？

ファイルを公開先に置いて Web のアドレスをもらい、そのアドレスを送ります。このページのボックスなら、.html ファイルをドロップするかコードを貼り付けて「プレビューのリンクをつくる」を押すだけで、登録なしで 3 分間有効なリンクができます。人に送るなら、無料のアカウントでページを受け取って公開し、公開した URL を送ります。Netlify Drop、Tiiny Host、GitHub Pages にも無料で使える方法があり、違いは上の比較表のとおりです。

LINE やメールで HTML のページを見てもらうには？

ファイルそのものではなく、リンクを送ります。HTML ファイルを送ると、相手が受け取るのはページではなくファイルで、開くアプリは相手が探すことになります。先にファイルをアップロードして公開し、公開した URL を LINE のトークやメールの本文に貼ります。相手がタップすれば、スマホのブラウザでページが開きます。LINE での手順と、送れない・開けないときの確かめ方は HTML ファイルを LINE で送る方法 に、メールでの手順は HTML ファイルをメールで送る方法 にまとめています。

スマホで HTML ファイルを開くには？

iPhone なら、ファイルを「ファイル」アプリに保存してタップします。プレビューでは文字とファイルの中の CSS は表示されますが、Apple のシミュレーターで iOS 26.3 を試したところ、スクリプトは動かず、ネット上の画像やフォントも読み込まれませんでした。Android では、どのアプリで開くかによって見え方が変わります。本来の見え方で見るなら、スマホのブラウザで動き、ファイルをアップロードしない HTML ビューアー で開くか、送った人にリンクをもらいます。心当たりのないファイルは開かずに、送った人に確かめてください。気になるファイルをビューアーで開くときは、選ぶ前に「スクリプトを動かす」のチェックを外します。自分がほかの人に渡すなら、このページのボックスでファイルをアップロードし、受け取って公開した URL を送ります。

相手がページを開いたかわかりますか？

登録なしのプレビューでは、訪問を記録しないのでわかりません。Free プランでページを受け取って公開すると、日ごとの訪問数が、国、デバイス、どのサイトから来たかとあわせて管理画面に出ます。名前やメールアドレスはわかりません。

ChatGPT で作った HTML ファイルを共有するには？

ChatGPT にページを 1 つの .html ファイルで出してもらうか、チャットのコードをコピーして、公開先に置き、リンクを送ります。このページのボックスなら、登録なしでリンクが数秒でできます。開けるのは 3 分間で、無料で登録するとページが残ります。ChatGPT の中で公開できる ChatGPT Sites は、Plus・Pro・Business・Enterprise・Edu のプランで使え、Free と Go では使えません。

Copilot で作った HTML をリンクにするには？

Copilot が書いたコードを、最初から最後の </html> まですべてコピーして貼り付けます。このページのボックスを「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押すと、登録なしで 3 分間有効なリンクができます。そのあとも残したいときや、スクリプトを動かしたいときは、Convika の Free プランでページを受け取って公開します。

Slack や Teams で HTML ファイルを共有するには？

先にファイルを公開先にアップロードし、公開したページの URL をメッセージに貼ります。相手はスマホでもパソコンでも、アカウントなしでページを開けます。このページのボックスでプレビューを作り、無料のアカウントでページを受け取って公開すれば、その URL を貼れます。登録なしのプレビューのリンクは 3 分間しか開けないので、メッセージには貼りません。Teams に投稿した HTML ファイルの保存先と、Microsoft の資料でわかることは Teams に投稿した HTML ファイルを、ページとして見てもらう方法 にまとめています。

画像が入った HTML ファイルを送るには？

画像は、自分のサイトや画像の置き場所など、https:// から始まる URL で指定します。そうすれば、どこで開いても画像が読み込まれます。hero.png のような書き方は自分のパソコンの中のファイルを指しているため、ほかの人の画面では壊れます。コードに埋め込んだ画像も表示されますが、Convika の 2 MB の上限に含まれます。フォルダごと公開したいなら、Netlify Drop のようにフォルダや zip を受け付ける公開先を使います。

HTML ファイルを URL に変換する無料ツールはありますか？

あります。このページか Convika の 無料の HTML 公開ツール のボックスに .html ファイルをドロップするかコードを貼り付け、「プレビューのリンクをつくる」を押します。登録なしで 3 分間有効なリンクができ、プレビューではスクリプトとフォームは止まっています。Convika の Free プランでページを受け取れば、スクリプトが動く状態で公開でき、URL は公開を止めるまで変わりません。

共有したページは Google 検索に出ますか？

プレビューは出ません。Convika はプレビューのリンクを検索エンジンに載せないよう指示しており、登録なしのプレビューは、受け取らなければ 3 分間しか開けません。公開するときは、確認画面で「一般公開」か「限定公開」を選べます。無料の一般公開は、検索結果や Convika のギャラリーに出ることがあります。限定公開（Pro）にすると、検索結果に出さないよう伝え、サイトマップにもギャラリーにも載せません。パスワードをかけたページは、検索エンジンにも入力画面しか見えず、その画面にも検索結果に載せないよう指示しています。