HTML ファイルを LINE で送って、相手のスマホでページとして見てもらう方法
要約
LINE で HTML のページを見てもらうなら、ファイルではなく URL を送ります。トークの「+」の「ファイル」からも送れますが、相手に届くのはファイルで、開くアプリは相手のスマホしだいです。LINE のヘルプによると、サーバーに残るのも一定期間だけです。公開先に置いて URL をトークに貼れば、相手はタップするだけでページを開けます。このページのボックスに入れると、登録なしで数秒でプレビューの URL ができ、3 分間有効です。送る前に見え方を確かめるためのもので、スクリプトとフォームを止めて表示します。トークに貼るのは、Convika の Free プランでページを受け取って公開した URL です。公開するとスクリプトも動き、公開を止めるまで URL は変わりません。受け取るとプレビューの URL は使えなくなります。
Free プラン: カード登録なし、公開 1 ページまで、フォームの回答は月 50 件まで表示
目次
ChatGPT に作ってもらったお店のお知らせやイベントの案内、自己紹介のページを、LINE で友だちやお客さんに見てもらいたい場面があります。手元にあるのは .html のファイルです。
LINE でもファイル自体は送れます。けれど相手に見てほしいのは、ファイルではなくページです。
LINE で HTML ファイルを送る手順
LINE の ヘルプ は、トークで送れるものとして文章や音声のファイルを挙げています。手順は次のとおりです。
- スマホ。 トークルーム下部の「+」から「ファイル」をタップし、送りたいファイルを選んで「送信」か「はい」をタップします。
- パソコン(Windows・Mac)。 送りたいファイルをトークルームまでドラッグして、「送信」をクリックします。トークルーム下部の「ファイル送信」アイコンから選ぶ操作もできます。
LINE のヘルプには、送れるファイルの種類やサイズの一覧は載っていません。パソコン版の手順には、対応していない形式のファイルは zip ファイルに変換して送るよう案内があります。
パソコン版では、ファイルをクリックするとパソコンにダウンロードできます(LINE のヘルプ)。受け取った HTML ファイルがスマホでどう開くかは、LINE のヘルプに書かれていません。
スマホからでもパソコンからでも、相手に届くのはファイルです。
送った HTML ファイルが相手のスマホで開けない理由
HTML ファイルは、ページの見た目をそのまま写した画像ではありません。ブラウザに向けた指示書です。
ファイルだけを送ると、ページに必要なものが欠けてしまいます。
- 別のファイルに分けた CSS や画像は届きません。 見た目を
style.css、写真をphoto.pngのように分けていても、トークに送られるのは選んだファイルだけです。2026 年 10 月 13 日にパソコンの Chromium でテスト用のページを開いて確かめました。フォルダの中で開くと、別ファイルの CSS、画像、スクリプトはすべて読み込まれます。ところが、HTML ファイルだけをほかの場所にコピーして開くと、3 つとも読み込めません。文字の色と大きさはブラウザの初期設定に戻り、画像は出ず、スクリプトも動きませんでした。効いたのは、HTML ファイルの中に書いた CSS だけです。 - スマホのファイルのプレビューは、ブラウザではありません。 iPhone の「ファイル」アプリに保存した
.htmlファイルをタップすると、プレビューが開きます。2026 年 10 月 6 日に Apple の iPhone シミュレーター(iOS 26.3)で試しました。このプレビューはページの JavaScript を動かさず、ネットからも何も読み込みません。https://の画像も、Google Fonts も、CDN から読み込む Tailwind も表示されませんでした。 - LINE のサーバーに残るのは一定期間だけです。 Keep メモの基本的な使い方の記事 によると、Keep メモを含めてトークルームで送受信した画像、動画、ファイルが LINE のサーバーに保存される期間には限りがあります。期間の長さは案内されていません。この期間が終わると、表示も、ダウンロードも、送受信もできなくなります。
URL なら、相手のスマホはページをブラウザで開きます。ネット上の画像やフォントも読み込まれ、URL が使える間は、いつタップしても同じページが開きます。
別のファイルに分けた CSS や画像は、手順の節の手順 1 で 1 つのファイルにまとめます。
ファイルのまま送るのが向いているとき
相手に必要なのがページではなくコードなら、ファイルで送るのが向いています。HTML を直してもらう制作会社やエンジニアがその例です。パソコンでダウンロードして、ブラウザやエディターで開いてもらえます。
ページを見てもらうだけの相手には、URL を送ります。
LINE で送れない、開けないときに確かめること
- 送れない。 LINE のヘルプには送れるファイル形式の一覧がありません。パソコン版では、対応していない形式を zip に変換して送るよう案内しています。zip で届いても、相手は解凍してから HTML ファイルを開くため、上の節の理由はそのまま残ります。URL は文字です。ファイル形式を気にせずトークに貼れます。
- 期限切れで開けない。 保存期間が終わったファイルは、表示もダウンロードもできません。送り直すか、URL を送ります。Convika で公開したページの URL は、「公開を停止する」を押すまで変わりません。
- 開いたが、デザインが崩れている。 CSS や画像を別のファイルに分けていないか確かめます。作った AI に「CSS をすべて中に入れて、画像は https:// から始まる URL にした、1 つの HTML ファイルにして」と頼むと、1 つのファイルにまとまります。
- 開いたが、ボタンやメニューが動かない。 iPhone の「ファイル」アプリのプレビューは、Apple のシミュレーターで試したところ、スクリプトを動かしませんでした。ブラウザで開ける URL を送ります。
- AI の共有ボタンで作ったリンクを、相手が開けない。 送ったのがファイルではなく ChatGPT・Claude・Gemini の共有リンクなら、原因は、ファイルを送ったときとは別です。AI ごとの原因と直し方は、ガイド ChatGPT・Claude・Gemini の共有リンクを LINE で送ったら、相手が開けないときの原因と直し方 にまとめています。
HTML ファイルを URL にして LINE で送る 4 つの手順
メールや Slack で送る方法や、Netlify Drop・GitHub Pages といったほかの公開先との比較は、別のガイド HTML ファイルをリンクで共有する方法 にまとめています。
ここでは、Convika のボックスで見え方を確かめ、ページを公開して、その URL を LINE に貼るまでの流れを説明します。
1. ページを 1 つのファイルにまとめる
Convika が受け付けるのは、2 MB までの .html か .htm のファイル 1 つ、または同じコードの貼り付けです。画像は https:// から始まる URL で指定します。
CSS や画像を別のファイルに分けているときは、コードを作った AI に頼んで 1 つのファイルにまとめてもらいます。
2. ファイルをドロップするか、コードを貼り付ける
ページ冒頭の ボックス にファイルをドロップするか、「コードから」に切り替えてコードを貼り付け、「プレビューのリンクをつくる」を押します。アカウントもメールアドレスも要りません。
スマホで操作するときは、ChatGPT や Claude、Gemini の画面で、最初の行から最後の </html> までコードをコピーして「コードから」に貼り付けます。
同じ回線から作れるプレビューは 1 日 10 件までです。パソコンの中にある画像や CSS を読み込んでいるときは、そのファイル名が一覧で表示されるため、先にリンクを直せます。
3. 自分のスマホでプレビューを開く
「プレビューができました」と表示されたら「リンクをコピーする」を押し、LINE で送る前に自分のスマホで開きます。レイアウトが崩れていないか、画像がきちんと表示されるかを確かめてください。
ページの上部には、Convika の無料ツールにアップロードされたページであることと、スクリプトとフォームが動かないことを知らせる帯が出ます。下には Convika のバナーが出ます。
スクリプトで動くボタンやメニューは、このプレビューでは反応しません。ページを受け取ると動きます。
4. LINE のトークに URL を貼って送る
トークに貼るのは、ページを受け取って公開した URL です。プレビューの URL が開けるのは 3 分間だけなので、友だちやお客さんに送るリンクには向きません。
見え方を確かめたら、URL の上にある「このページを受け取る(無料・カード不要)」を押して登録し、管理画面で「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。1 回払いがよければ、そのボタンの下の「Pro 1年パス(¥4,400・1回払い)にする」で、365 日間・自動更新なしのパスに切り替えられます。プレビューの時間が過ぎたあとでも、同じ画面から受け取れます。
公開した URL をトークに貼り付けて送れば、相手は Convika のアカウントがなくても、URL をタップするだけでページを開けます。
なお、iPhone の LINE では、「LINEラボ」の「リンクをデフォルトのブラウザで開く」をオンにすると、トークのリンクを Safari や Chrome など端末で設定しているブラウザで開けます。詳しい設定手順は LINE のヘルプ を確認してください。
LINE で送ったページを検索結果に出さない設定
LINE で送るページを Google や Bing の検索結果に出したくないときは、公開するときの「このページを開ける人」で「限定公開」を選びます(Pro・1年パス)。2026 年 7 月、Claude の「リンクで共有」で共有したチャットやアーティファクトが検索結果に出ていたと The Decoder や GovInfoSecurity が報じました。共有ページに noindex のタグ(検索エンジンに、結果に載せないよう伝える印)がなかったようだ、と The Decoder は伝えています(Anthropic は、共有リンクは利用者自身が広めない限り見つからないと説明しました)。
Convika で公開するとき、無料の「一般公開」を選んだページは、URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。限定公開にすると、Convika が検索エンジンにページを検索結果に出さないよう伝え(noindex)、サイトマップにもギャラリーにも載せません。LINE で URL を受け取った人は、パスワードもアカウントもなしでそのまま開けます。限定公開は Pro(月 ¥1,800)と 1年パスの機能です。
検索結果に出してもよいお知らせなら、無料の「一般公開」で公開します。URL を転送された人にも見せず、決まった人だけに開いてほしいときは、「パスワードを知っている人だけ」を選んでパスワードをかけてください(Pro・月 ¥1,800 と 1年パスの機能です)。公開したあとでも、「ページの設定」から切り替えられます(限定公開に変えるには Pro・1年パスが必要です)。
ページを残す、知っている人だけに見せる
プレビューの URL は、送る前に自分のスマホで見え方を確かめるためのものです。
トークに送るページは、お店の案内のように長く使うページも、スクリプトを動かしたいページも、Convika のアカウントに移して公開します。
- Free プランで残す。 URL の上の「このページを受け取る(無料・カード不要)」を押して登録すると、アップロードしたページがそのままアカウントに入り、スクリプトも動きます。「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて出る大きな「無料で公開する」を押すと、
yourpage.convika.pageのようなアドレスで公開されます。この URL は「公開を停止する」を押すまで変わりません。Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。最初のプレビューの URL は使えなくなるため、LINE には公開した URL を送ってください。Free プランはカード登録なしで使え、1 ページを公開できます。 - 予約や問い合わせを受け付ける。 「フォームを追加する」を押すと、届いた予約や問い合わせを残せるフォームが入ります。フォームの回答は月 50 件まで一覧に出ます。超えた分も保存され、Pro で確認できます。公開したページは、日ごとの訪問者数を、国やデバイスとあわせて直近 90 日分見られます。名前や LINE のアカウントなど、だれが見たかはわかりません。
- 知っている人だけに見せる。 URL は知っている人ならだれでも開け、トークのメッセージは転送もできます。限られた人だけに見せたいページは、公開するときに「このページを開ける人」で「パスワードを知っている人だけ」を選んでパスワードをかけてください(Pro・1年パスになったあとは「ページの設定」の「閲覧パスワード」でもかけられます)。訪問者にはまずパスワードの入力画面が出て、Convika は正しいパスワードが入力されるまでページを送りません。パスワードは Pro(月 ¥1,800)と 1年パスの機能です。パスワードは、URL とは別のメッセージで伝えます。見る人の画面は、ガイド HTML ページにパスワードをかけて、知っている人だけに見せる方法 で説明しています。検索に出さないだけでよいときの方法は、ガイド HTML のページを限定公開する にあります。
LINE で受け取った HTML ファイルを開くとき
受け取った側なら、まず送った人に URL をもらうのが確実です。心当たりのない HTML ファイルは開かず、送った人に確かめてください。
心当たりのあるファイルをスマホに保存できたら、スマホのブラウザで Convika の無料の HTML ビューアー を開く手もあります。「HTML ファイルを選ぶ」をタップして、保存したファイルを選びます。
ビューアーはブラウザの中で動きます。スクリプトもネット上の画像も読み込まれ、ファイルはアップロードされません。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外してください。外すと、ページのスクリプトは動かず、フォームも送信されません。
なお、送った人が別のファイルに分けた CSS や画像は、ビューアーでも表示されません。
よくある質問
HTML ファイルを LINE で送るには?
相手にページを見てもらうなら、ファイルではなく URL を送ります。このページのボックスに HTML ファイルを入れ、Free プランで受け取って公開した URL をトークに貼れば、相手はタップするだけでページを開けます。
ファイルとして送るなら、トークルーム下部の「+」から「ファイル」をタップして HTML ファイルを選びます。
LINE で HTML ファイルが送れないときは?
HTML ファイルを URL にして、その URL を送ります。URL は文字なので、ファイル形式を気にせず送れます。
LINE のヘルプには送れるファイル形式の一覧がありません。パソコン版では、対応していない形式を zip に変換して送るよう案内しています。
LINE で受け取った HTML ファイルをスマホで開くには?
送った人に URL をもらうのが確実です。心当たりのない HTML ファイルは開かずに、送った人に確かめてください。
心当たりのあるファイルをスマホに保存できたら、スマホのブラウザで無料の HTML ビューアー を開き、「HTML ファイルを選ぶ」から選びます。ブラウザの中で動くためスクリプトも動き、ファイルはアップロードされません。少しでも気になるファイルは、選ぶ前に「スクリプトを動かす」のチェックを外します。iPhone の「ファイル」アプリのプレビューは、Apple のシミュレーターで iOS 26.3 を試したところ、スクリプトを動かさず、ネット上の画像も読み込みませんでした。
LINE で送ったファイルに期限はありますか?
期限はあります。LINE のヘルプによると、トークで送受信したファイルが LINE のサーバーに残るのは一定期間だけで、期間が終わると表示もダウンロードもできなくなります。期間の長さは案内されていません。
Convika で公開したページなら、URL は「公開を停止する」を押すまで変わりません。
zip ファイルは LINE で送れますか?
zip ファイルは送れます。LINE のパソコン版のヘルプは、対応していない形式のファイルを zip に変換して送るよう案内しています。
zip で届いた場合、相手は解凍してから HTML ファイルを開きます。スマホでページとして見てもらうなら、URL を送るほうが相手の手間を減らせます。
LINE のリンクを Safari や Chrome で開くには?
LINE の「ホーム」から「設定」>「LINEラボ」を開き、「リンクをデフォルトのブラウザで開く」をオンにします。トークのリンクを Safari や Chrome といった、端末で設定しているブラウザで開けます。
対象は iPhone と iPad です。LINE のヘルプは、この機能をメイン端末(主にスマートフォン)で使えると案内しています。
LINE グループで HTML ページを共有するには?
グループのトークに、Free プランで公開した URL を貼ります。メンバーはそれぞれ URL をタップして、自分のスマホでページを開けます。
プレビューの URL が開けるのは 3 分間 だけです。グループに送るページは、Free プランで公開した URL を貼ってください。
出欠や人数をグループで集めるなら、ページにフォームを付けて公開すると、回答はトークに流れず、一覧に残ります。手順は、ガイド LINE グループの出欠を、AI のページとフォームで集める にあります。
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- 家庭教師・塾の先生が、生徒ごとの宿題・復習ページを AI で作ってリンクで渡す授業のあとに、生徒 1 人ずつの復習ページを ChatGPT や Claude で作り、保護者にリンクで送る方法です。載せること、頼む文、毎週同じ URL での差し替え、見られたかの確かめ方、名前や成績を載せない理由、生徒ごとにページを分けるときのプランまで。
- AI で作ったページを後から直したい。URL も QR コードもそのままで差し替える方法公開して配ったあとに誤字や日付の間違いが見つかったら。ChatGPT や Claude に直した HTML をもらい、Convika の「HTML ファイルで更新」で入れ替えると、配ったリンクも印刷した QR コードも、そのまま新しい内容を開きます。
- Android で HTML ファイルが開けない。コードだけ出るときの対処と、相手にリンクで送る方法Android 16 のエミュレーターで「ファイル」アプリから HTML ファイルをタップすると、開くアプリを選ぶ画面が出ました。Chrome ではゲームもボタンも動き、「HTMLビューア」では動きませんでした。いま開く手順と、送る側がリンクにして送り直す方法を説明します。
- ChatGPT で自分だけの診断を作って、LINE や X で友だちに送れるリンクにしたい「好きなお菓子でわかる性格」のようなタイプ診断を ChatGPT に作ってもらい、ログインなしでスマホから遊べるリンクにする手順です。そのまま使える頼み方、結果ごとのシェア用カード、診断メーカーとの違いまで。
- Chatwork で HTML ファイルを送ると開けない? リンクで見せる方法Chatwork に添付した HTML ファイルは、チャットの中ではプレビューされず、相手はダウンロードしてから開くことになります。Chatwork のヘルプでわかることと、HTML を URL にしてチャットに貼り、相手にクリックやタップだけでページを開いてもらう手順を説明します。
- スマホだけで、ChatGPT が作ったホームページを公開する(ファイルがなくてもできる)パソコンがなくても、ChatGPTのチャットに出たHTMLのコードをスマホでコピーして貼り付ければ、ページのリンクにできます。貼り付けから公開、LINEで送るまでの手順と、うまく表示されないときの直し方をまとめました。