生成AIで作ったWebサイトを公開するには？タイプ別の方法まとめ

ChatGPTやClaudeに頼んだら、思ったより良い感じのWebサイト（LP）ができた。でも「これ、どうやってインターネットに公開するの？」で手が止まってしまった——最近こういう相談が増えています。

実はここが、AI時代の新しいつまずきポイントです。作るハードルは劇的に下がったのに、公開のハードルは昔のまま残っているからです。この記事では、非エンジニアの方向けに、AIで作ったサイトを公開する方法をタイプ別に整理します。

まず整理：あなたが作ったものはどのタイプ？

「AIでサイトを作った」には、大きく3つのタイプがあります。公開方法はタイプによって変わるので、まず自分がどれかを確認してください。

AIチャットでHTMLファイルをもらったタイプ：ChatGPTやClaudeとの会話で、HTMLファイル（とCSSや画像）を受け取った
AI搭載のサイト作成サービスで作ったタイプ：v0、Lovable、Figma Make、STUDIOのAI機能など、サービスの画面内で作った
AIにコード一式を作ってもらったタイプ：ReactやNext.jsなどのプロジェクトフォルダごと生成された

タイプ1：HTMLファイルをもらった場合

一番相談が多いのがこのタイプです。公開方法は主に3つあります。

a. ホスティングサービスにドラッグ&ドロップ（最速）

NetlifyやCloudflare Pagesなどのホスティングサービスには、ブラウザにファイルをドラッグ&ドロップするだけで公開できる機能があります。無料で、アカウント登録から公開まで10分かかりません。「とりあえずURLが欲しい」ならこれが最速です。どちらを選んでも大差はありませんが、Cloudflareは無料枠が広く表示も高速で、すでに独自ドメインのDNSをCloudflareで管理している場合はドメイン接続までの流れが特にスムーズです。ただし無料で発行されるURLはサービスのドメイン（〇〇.netlify.app、〇〇.pages.devなど）になるので、会社として使うなら後述の独自ドメイン接続をおすすめします。

b. 契約中のレンタルサーバーにアップロード

すでに会社サイトをXserverなどのレンタルサーバーで運用しているなら、そのサーバーにファイルをアップロードするのが自然です。サーバーパネルのファイルマネージャー（またはFTPソフト）で、公開フォルダにHTMLファイルを置くだけ。既存サイトのサブディレクトリ（example.co.jp/lp/ のような形）として公開できるのがメリットです。

c. GitHub Pages（無料だが手順は多め）

GitHubのアカウントを作り、リポジトリにファイルを置いて公開する方法です。無料で安定していますが、Git・リポジトリなどの概念が出てくるため、非エンジニアの方には少しハードルが高めです。エンジニアが社内にいるなら選択肢に入ります。

タイプ2：サービス内で作った場合

v0やLovable、STUDIOなどのサービス内で作った場合は、基本的にサービスの「公開（Publish / Deploy）」ボタンを押すだけです。数クリックで「〇〇.vercel.app」のようなURLが発行されます。

気をつけたいのは2点。無料プランのままだとサービス名入りのURLやバナーが付くこと（会社として使うなら有料プラン+独自ドメインを推奨）、そして公開範囲の設定です。プレビュー用のつもりが誰でも見られる状態になっていた、ということもあるので、公開設定は一度確認してください。

タイプ3：コード一式を生成してもらった場合

ReactやNext.jsのプロジェクトごと生成されたタイプは、公開前に「ビルド」という工程が必要で、VercelやNetlifyにGitHub経由でデプロイするのが一般的です。ここまで来ると開発の知識が必要になってくるので、社内に分かる人がいなければ、無理せず制作会社やエンジニアに相談した方が早いケースが多いです（数時間の作業で済むことがほとんどなので、依頼しても大きな費用にはなりにくい部分です）。

独自ドメインで公開したい場合

どのタイプでも、会社として公開するなら独自ドメイン（example.co.jpなど）での公開をおすすめします。ドメインをどこで取るか、既存の会社ドメインのサブドメインを使うべきかなどの設計は、別記事で詳しく解説予定です。

公開前のチェックリスト（会社として出すなら）

スマホでの表示崩れがないか確認した
会社情報・プライバシーポリシーなど、必要な表記がある
問い合わせ手段（フォーム・メールリンク）が機能する
アクセス解析（GA4）を設置した（設置後の見方は「サイト分析はどこから始めれば良い？」で解説しています）
AIに渡した社内情報や個人情報が、コードやコメントに残っていないか確認した

最後の項目はAI時代ならではの注意点です。AIとのやり取りで渡した情報が、生成されたファイルの中に意図せず残っていることがあります。公開＝全世界に見える状態なので、一度中身を確認してから公開しましょう。

よくある質問

Q. 公開したら検索に出ますか？
公開と「検索で見つかる」は別問題です。公開しただけのページはほぼ検索されないので、流入を期待するならSEOや広告の設計が別途必要です。

Q. 費用はかかりますか？
公開だけなら無料でできます。独自ドメイン（年間1,000〜数千円程度）と、サービスの有料プラン（月数百〜数千円）を足しても、小さく始める分には月数千円以内が目安です。

まとめ

AIのおかげで「作る」は簡単になりましたが、「公開して、会社の資産として運用する」にはもう一歩の知識が必要です。「作ったはいいけどここで詰まった」「公開したいが会社として出して問題ないか不安」という方は、その状態のままで構いませんのでお気軽にご相談ください。社内でのAI活用の進め方についての壁打ちも歓迎です。