ChatGPT で作った HTML を、無料で公開する方法

ChatGPT に頼んだお店の紹介ページ。自分のパソコンで開くときれいに表示されるのに、LINE で送ったリンクは相手の画面で開きません。

アドレス欄が file:///C:/Users/… で始まっているなら、そのページはまだ自分のパソコンの中にしかありません。公開するには、HTML を公開先のサービスに置いて、だれでも開ける URL をもらいます。

このガイドは、無料で使える 5 つのサービスを比べたうえで、Convika で公開し、フォームに届いた内容を残し、何人が見に来たかを確かめるまでを説明します。

ChatGPT だけでできること

ふだんのチャットでは（すべてのプラン）、ChatGPT はコードをコードブロックに入れて返します。OpenAI のヘルプセンター によると、コードブロックの種類や使える操作に応じて、コードのコピーや、プレビューに対応している場合のコード表示とプレビュー表示の切り替えができます。頼めば、ページを .html ファイルとしてダウンロードできる形でも渡してくれます。ただし、ページを Web サイトとして置いておく場所はありません。

ChatGPT Sites を使えば（Plus・Pro・Business・Enterprise・Edu）、公開まで ChatGPT に任せられます。OpenAI の Sites のドキュメント によると、Sites は公開ベータです。「Work」か Codex に頼んで Site を作り、ChatGPT のアドレスで公開します。データベース（D1）とファイルの保存先（R2）を使え、ユニーク訪問者数とページビューも自動で数えます。独自ドメインは、使える環境なら、持っているドメインやサブドメインをつなげます（Enterprise のワークスペースでは、提供開始の時点では使えません）。ベータ期間中はプランごとの利用上限があり、上限に達するとアクセスの多い Site を公開しつづけられなくなることがあります。

Free と Go のプランでは Sites を使えません。使えるプランと料金は ChatGPT Sites は無料で使える？ にまとめています。ChatGPT の Free や Go を使っている、手元にもう HTML ファイルやコードがある、ページとフォームの送信内容と流入元を無料プランで 1 か所にまとめたい。そうしたときは、このガイドの手順を使います。

HTML ファイル 1 つを無料で公開できる 5 つのサービスの比較

ChatGPT で作った HTML でも、自分で書いた HTML でも、ファイル 1 つなら次の 5 つが無料で使えます。料金と上限は、各社の料金ページとドキュメントで 2026 年 10 月 4 日に確かめました。

どれを選ぶかの目安は次のとおりです。

• とにかく早く URL がほしい: Netlify Drop。ドラッグしてログインすれば公開されます。プロジェクトが非公開なら「Make public」も押します。
• アクセスが多くなりそう: Cloudflare Pages。静的なファイルへのアクセスに上限がありません。
• 趣味のページを、独自ドメインで出したい: GitHub Pages。ルートドメイン（example.com）もつなげます。ただし GitHub の 利用制限 で、オンラインのビジネスや EC サイト、SaaS には使えません。くわしいページ: GitHub Pages は商用利用できる？
• PDF や zip をすぐ共有したい: Tiiny Host。無料プランは 1 プロジェクトまでで、リンクを残すには 3 か月に 1 回のログインが必要です。
• お店や商品のページで、問い合わせや申し込みを受けたい: Convika。フォームの送信内容の保存とアクセス数の確認まで、無料プランに入っています。

Netlify より簡単に公開したいとき

Netlify Drop の時点で、公開はかなり簡単です。Git もコマンドも使わず、app.netlify.com/drop にファイルをドラッグするだけで URL が出ます。

ただし、ログインするまでは仮のパスワードがかかったままです。2026 年 7 月 28 日以降に作ったチームでは、新しいプロジェクトが非公開から始まります。ログインしたあと「Make public」を押して、だれでも開ける状態に切り替えてください。ドロップから公開までの手順と、受け取りの 1 時間の期限は、別のガイド Netlify Drop の使い方と、ドロップしたあとに起きること にまとめています。

手間がかかるのは、そのあとです。フォームの送信内容を Netlify に保存するには、管理画面の「Forms」で「Enable form detection」を選び、フォームに data-netlify="true" を付けて、もう一度ドラッグします。フォームの検出は次のデプロイから始まるためです。また、Netlify の Free プランは月 300 クレジットで動き、本番へのデプロイは 1 回 15 クレジット。使い切ると、アカウントのすべてのサイトが止まります。アクセス数は Web Analytics で流入元まで見られますが、Free プランで残るのは直近 1 日分。先週どこから人が来たかは、あとから確かめられません。

Convika は、このあとの部分を 1 か所にまとめたサービスです。コードを貼り付けて公開したら、管理画面で「フォームを追加する」を押し、プレビューで確かめて公開し直すだけ。検出の設定はいりません。どのサイトから来たかを含むアクセス数は、公開した時点から数えはじめます。

登録なしで URL が出る Cloudflare Drop や、エックスサーバーの無料レンタルサーバーも含めて 7 つを比べた表は、別ページの Netlify より簡単に HTML を公開できるサービスは？ にあります。

ChatGPT がくれた HTML ファイルのリンクが開けないとき

リンクが開けなくても、ページは公開できます。

ChatGPT に「ページ全体を、1 つのコードブロックに HTML で表示して」と頼み、コードをすべてコピーしてください。ページ冒頭のボックス を「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押すと、リンクを知っている人が 3 分間開けるプレビューができます。このプレビューでは、ページのスクリプトとフォームは動きません。スクリプトも動く公開用の URL は、下の手順の節 で作れます。

開けない理由は、リンクの種類によって違います。ここで扱うのは HTML のページのリンクです。PDF や Excel のファイル、Canva のリンクは扱いません。

• チャットの中のダウンロードリンク: OpenAI のヘルプセンターのエラーメッセージのトラブルシューティングの記事 は、「ダウンロードに失敗しました」と「ファイルが見つかりません」を、ChatGPT が生成したファイルのリンクをクリックしたときのエラーとして挙げています。ChatGPT が生成したファイルは短時間で期限切れになる、と説明しています。ファイルをもう一度作ってもらい、すぐにダウンロードしてください。同じ記事には、VPN やプロキシの接続を切ることも挙がっています。
• file:/// で始まるアドレス: ダウンロードしたファイルを、自分のパソコンで開いたときのアドレスです。ほかの人の端末からは開けません。
• https://chatgpt.com/share/ で始まる共有リンク: 会話を見せるためのリンクです。OpenAI のヘルプの、会話とスケジュール済みタスクの共有の記事 によると、Business・Enterprise・Edu のワークスペースで作ったリンクは、同じワークスペースの対象メンバーだけが開けます。作ったばかりのリンクは、使えるようになるまで少し時間がかかることがあります。
• https://example.com/ で始まるアドレス: example.com は、説明用の例として予約されたドメイン です。自分のページは置かれていません。

ページ自体の URL は、公開してはじめてできます。Plus・Pro とワークスペースのプランなら ChatGPT Sites が使えます。どのプランでも、次の手順のように、HTML を公開先のサービスにアップロードすれば公開できます。

Convika で公開する 6 つの手順

ChatGPT から HTML を取り出す

ページにフォームがあるときは、先に ChatGPT へ「フォームを <div data-convika-form></div> に置き換えて」と頼んでおきます。あとで送信内容が届く Convika のフォームを入れる場所の目印になります。

ファイルで受け取ったときは、そのままダウンロードしてください。ファイル名が .html で終わっていれば大丈夫です。

コードブロックで表示されているときは、コード表示に切り替えて全体をコピーします。古い会話ではキャンバスに表示されていることもあります。コードを表示してコピーする点は同じです。キャンバスがなくなった経緯は ChatGPT のキャンバスはどこ？ にまとめています。

index.html、styles.css、script.js のように複数のファイルに分かれているときは、「CSS と JavaScript をすべて中に入れた、1 つの HTML ファイルにまとめて」と頼んでください。

Convika の無料アカウントを作る

app.convika.com で登録します。Free プランはカード登録なしで、1 ページを公開できます。

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

管理画面で「HTMLファイルをアップロードする」を押します。

「ファイルから」のタブでファイルをドロップするか、「ファイルを選ぶ」を押してください。使えるのは .html と .htm で、2 MB までです。コードをコピーしたときは「コードから」のタブに貼り付けます。

<img> などのタグでパソコンの中から読み込んでいるファイル（hero.png など）があれば、アップロードの前に一覧で表示されます。スクリプトが読み込むファイルは、一覧に出ません。「プレビューをつくる」を押すと、Convika が新しいページを作ります。アップロードに AI クレジットは使いません。

非公開のプレビューで確かめる

「プレビューができました」と表示されたら、「プレビューを開く」を押します。

プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。

スマートフォンでも開いて、画像が表示されるか、ボタンのリンク先が合っているか、メニューが開くかを確かめます。表示されない部分があれば、下の 移したときに動かないものの節 を見てください。

フォームを「届く」フォームにする

ChatGPT が書いたフォームには、送信内容の保存先がありません。

管理画面のサイト詳細で「フォームを追加する」を押し、項目（メールアドレスのみ／名前とメールアドレス／名前・メールアドレス・問い合わせ内容）とボタンの文言を選びます。目印を入れた場所に（目印がなければページ末尾のフッターの上に）、送信内容が届くフォームが入ります。

目印を使わなかったときは、ChatGPT が書いた元のフォームもページに残っています。送っても届かないフォームに訪問者が入力しないよう、「AIで直す」に「ChatGPT が作ったフォームを削除して、Convika のフォームは残して」と書いて消してください。標準のモデルなら 1 クレジットです。

プレビューから送ったテスト送信は確認だけで、保存されません。

公開して、独自ドメインをつなぐ

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。公開すると、yourpage.convika.page のようなアドレスになります。

独自ドメインを使うときは、ページの画面の「独自ドメイン」で「独自ドメインをつなぐ」を押し、www.example.com のようなホスト名を入れて「ドメインを追加する」を押します。表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインなど、ドメインを買ったサービスの DNS 設定に追加してください。SSL 証明書は自動で発行されます。

example.com と入れても www.example.com と入れても、両方をつなぎます。ページは www.example.com で開き、example.com を開いた人は www.example.com に転送されます。DNS には、www の CNAME レコードと TXT レコードに加えて、名前 @ の A レコード（値は Convika が示す IP アドレス）を足します。DNS が Cloudflare なら、これらのレコードは DNS only（灰色の雲）にします。example.com で今ほかのサイトを出しているときは、example.com はそのままにして www.example.com だけをつなぐこともできます。

公開したあとに見られる数字

ページを公開したあとは、管理画面の分析で反応を確かめられます。見られるのは、ページビューと訪問者数、どのサイトから来たか（リファラー）、デバイス、国、ボタンのクリック、フォームの送信数です。期間は直近 7 日・30 日・90 日から選べます。

「キャンペーン（UTM）」を使えば、UTM の source・medium・campaign ごとに、訪問者、ページビュー、フォームの送信、ボタンのクリックを分けて確認できます。Claude や Codex といった MCP クライアントを Convika につないでいるときは、参照元のサイトごとの内訳を聞くこともできます。

フォームに届いた内容は一覧で並び、CSV で書き出せます。

Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューです。超えたときの扱いは、料金ページにプランごとに書いてあります。

移したときに動かないもの

ファイルに書かれたスクリプトは、Free を含むすべてのプランで動きます。Tailwind や Google Fonts とアイコン、CDN から読み込むスタイルシート、ボタンの onclick に書いた処理、YouTube や Google マップの埋め込み、ほかの https:// のサイトにある動画や音声、https:// で始まる URL の画像はそのまま使えます。

プランによって変わるものと動かないものは、次のとおりです。

• アクセス解析・ヒートマップのツール: Google アナリティクス、Cloudflare Web Analytics、Clarity、Hotjar、Plausible、PostHog、Mixpanel がデータを送信できるのは Pro 以上です。Free では通信をブロックします。Convika のアクセス数は Free でも確認できます。
• パソコンに保存した画像: <img src="hero.png"> のような書き方の画像は、自分のパソコンの中にしかないため、公開したページでは表示されません。タグで読み込むファイルは、アップロード画面に一覧で表示されます（スクリプトが読み込むファイルは出ません）。ChatGPT には、画像をすべて https:// から始まる URL にするよう頼みます。
• ほかのサイトからデータを読み込むスクリプト: Convika のページのスクリプトは、fetch などで自分のアドレス以外からデータを取得できません（Pro では、上のアクセス解析ツールと、持ち主が登録した広告の送信先は除きます）。天気予報を読み込む処理や、別のサービスへ JavaScript で送信するフォームは動きません。Google スプレッドシートを読み込む処理は、Free では動きません。Pro では Google のアドレスがアクセス解析ツールの送信先に入っているため動くことがありますが、ページが Free に戻ると止まります。読み込んでいるデータをページの中に直接書くよう ChatGPT に頼みます。フォームは「フォームを追加する」で作るフォームを使います。
• HTML の属性に書いたコードを実行するライブラリ: Alpine.js（x-data や @click）は動きません。ふつうの JavaScript に書き直すよう ChatGPT に頼みます。

ログイン機能やデータベースが必要なアプリ、多数のページを持つ Web サービスは Convika の対象外です。Convika はランディングページの公開と運用のためのサービスです。

公開先はそのままで、フォームだけを直したい場合の方法は、AI で作ったページの問い合わせフォームに、送信内容が届くようにする方法 で比較しています。発売前の事前登録を集めるページなら、文言の決め方から、どの投稿が登録につながったかの見方まで説明したガイド 事前登録フォーム付きのランディングページを、無料で作る方法 があります。

Claude や Gemini で作ったページの手順は、Claude で作ったページを公開する方法 と Gemini で作ったページを、URL で人に見せる方法 を確認してください。

よくある質問

ChatGPT で作った HTML は無料で公開できますか？

HTML を公開先のサービスに置けば、だれでも開ける URL をもらえます。ファイルで受け取った場合はそのファイルを、コードブロックの場合はコードをコピーして使います。

Convika なら、管理画面の「HTMLファイルをアップロードする」でファイルを選ぶか「コードから」に貼り付け、プレビューを確かめてから「ページを公開する」を押すだけです（はじめての公開では、「次へ」のあとに出る大きな「無料で公開する」を押します）。Free プランはカード登録なしで、1 ページを公開できます。

HTML ファイル 1 つだけを公開できる無料サービスはありますか？

あります。Netlify Drop、GitHub Pages、Cloudflare Pages、Tiiny Host、Convika は、どれも HTML ファイル 1 つを無料で公開できます。

手数が少ないのは Netlify Drop です。ファイルをドラッグしてログインすれば公開されます（プロジェクトが非公開なら「Make public」も押します）。フォームの送信内容の保存とアクセス数まで無料でほしいなら Convika、アクセスが多いなら Cloudflare Pages が向いています。

Netlify より簡単に HTML を公開できる方法はありますか？

公開するだけなら、Netlify Drop がすでにいちばん簡単な部類です。差が出るのは公開したあとです。

Netlify はフォームを保存するのに検出の設定とデプロイのし直しが必要で、Free プランの月 300 クレジットを使い切るとすべてのサイトが止まります。Convika はコードを貼り付けて公開したあと、管理画面で「フォームを追加する」を押し、プレビューで確かめて公開し直すだけです。検出の設定はいりません。どのサイトから来たかを含むアクセス数も、公開した時点から見られます。

無料で公開したページに独自ドメインは使えますか？

使えます。ドメイン自体はお名前.com などで買う必要がありますが、公開先は無料のままで済みます。

Convika の Free プランなら、www.example.com のようなサブドメインを 1 つ、CNAME レコードと TXT レコードを追加してつなげます。example.com を開いた人は www.example.com に転送されます。GitHub Pages はルートドメインそのものでもページを出せますが、オンラインのビジネスには使えません。Netlify と Cloudflare Pages も、無料プランで独自ドメインを使えます。

パソコンでは表示されるのに、送ったリンクが相手に開けないのはなぜですか？

file:/// で始まるアドレスは、自分のパソコンの中のファイルを指しているからです。ほかの人の端末からは開けません。

Convika や Netlify などにファイルをアップロードして、発行された URL を送ってください。ファイルそのものを送ったときに相手のスマホで何が起きるかは、HTML ファイルを、どのスマホでも開けるリンクで共有する方法 で説明しています。手元のスマホでページを確かめるだけなら、Convika の HTML ビューアー でファイルを開けます。

ChatGPT だけでページを公開できますか？

有料プランなら公開できます。Plus・Pro・Business・Enterprise・Edu では、公開ベータの ChatGPT Sites で Site を作り、ChatGPT のアドレスで公開できます。使える環境なら独自ドメインもつなげます。

Free と Go のプランでは Sites を使えません。ふだんのチャットでは、対応するコードブロックのプレビューで ChatGPT の中にページを表示でき、共有リンクでは会話を見せられます。

Free プランでも JavaScript は動きますか？

動きます。HTML の中のスクリプトは、CDN から読み込むものも含めて、すべてのプランで動きます。

どこまで通信できるかはプランによって変わります。Google アナリティクス、Clarity、Hotjar、Plausible などのアクセス解析・ヒートマップのツールがデータを送信できるのは Pro 以上で、Free では通信がブロックされます。それ以外のサイトへの fetch などの通信は、Free では動かず、Pro でも、持ち主が登録した広告の送信先のほかは動きません。Alpine.js のように HTML の属性に書いたコードを実行するライブラリは、どのプランでも動きません。

ChatGPT から直接 Convika に公開できますか？

Convika は ChatGPT のプラグインディレクトリには載っていません。HTML のアップロードとコードの貼り付けなら、ChatGPT のどのプランでも使えます。

Claude・Claude Code・Codex など、お使いの MCP クライアントからは、ページの保存から公開までを直接頼めます。

料金はいくらですか？

Free プランはカード登録なしで使えます。公開 1 ページまで、月 10,000 ページビューまで、独自ドメインは 1 つで、ページの下に Convika のバナーが出ます。フォームの回答は月 50 件まで管理画面に表示されます。それより後の回答も、1 つのフォームにつき月 1,000 件まで保存され、Pro にすると見られます。

Pro は 100 ページまで公開でき、月 100,000 ページビューが含まれます（超えた分は 10,000 ページビューごとに ¥200 で、ページは止まりません）。フォームの回答と独自ドメインは無制限になり、Convika のバナーも消えます。Pro は月 ¥1,800 です。

公開したあとにページを修正できますか？

できます。サイト詳細の「AIで直す」に直したい点を書きます。標準のモデルなら 1 回 1 クレジットで、Free プランには最初に 10 クレジットが付きます。

修正は新しいバージョンとして保存され、プレビューで確かめて公開するまで、いまのページは変わりません。うまくいかなかったときは、以前のバージョンに戻せます。ChatGPT で直した HTML ファイルは、サイトの画面の「HTML ファイルで更新」に入れれば、同じ URL のまま次のバージョンになります。管理画面の「HTMLファイルをアップロードする」から入れると別の URL を持つ新しいページになるので、直すときには使いません。

ChatGPT で作ったゲームやクイズ、計算ツールも公開できますか？

できます。ゲーム、クイズ、計算ツールのように、ファイルの中のスクリプトで動くページも、HTML ファイル 1 つにまとまっていれば、Free プランでそのまま動きます。

2026 年 10 月 13 日に小さなゲームで試したところ、キーボードとタッチの操作、ブラウザへのスコアの保存、音が、公開したページで動きました。ほかのサイトの API を呼ぶオンラインランキングは動きません。置き先の比較と手順は、ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する にまとめています。

ChatGPT で作った HTML ファイルのリンクを送っても相手が開けないのはなぜですか？

そのリンクが、公開されたページの URL ではないからです。ダウンロードリンクはファイルを端末に保存するためのものです。file:/// で始まるアドレスは自分のパソコンの中を指します。https://example.com/ で始まるアドレスは説明用の例です。

くわしくは 上の節 を確認してください。相手に見せるには、HTML を Convika や Netlify などにアップロードして、発行された URL を送ります。

ChatGPT のダウンロードリンクが開けず「ファイルが見つかりません」と出るのはなぜですか？

考えられる理由の 1 つは、ファイルの期限切れです。OpenAI のヘルプセンターは、このエラーで確かめる 4 つの点の 1 つに、ファイルが最近生成されたものかどうかを挙げ、ChatGPT が生成したファイルは短時間で期限切れになると書いています（ChatGPTのエラーメッセージのトラブルシューティング）。

ファイルをもう一度作ってもらってすぐにダウンロードするか、コードで表示してもらってコピーし、ページ冒頭のボックス の「コードから」に貼り付けてください。

ChatGPT の共有リンクを相手が開けないのはなぜですか？

ワークスペース（Business・Enterprise・Edu）で作った共有リンクなら、開けるのは同じワークスペースの対象メンバーだけだからです。個人アカウントで作ったリンクは、リンクを知っている人なら開けますが、作った直後は開けるようになるまで少し時間がかかることがあります（ChatGPT での会話とスケジュール済みタスクの共有）。

共有リンクで見せられるのは会話です。ページとして見せるには、HTML を公開先のサービスにアップロードして、発行された URL を送ってください。