INDEX目次を開く ＋閉じる −
AIでホームページを作ったあと、「どこに置けば公開できるのか」で迷う人は少なくありません。XServer Static、Cloudflare Pages、Vercel、レンタルサーバーなど、公開先によって向いているサイトと必要な作業が違います。
先に結論をまとめると、完成したHTMLを試しに公開するなら無料ホスティング、仕事用のメールやPHP、日本語サポートまで必要ならエックスサーバーが分かりやすい選択です。ただし、ログインやデータベースなどを使う場合は、ファイルを置くだけでは公開できません。
先に確認したい3つのこと
公開先を料金だけで決める前に、次の3点を確認します。
1. そのまま公開できるファイルを受け取っているか
受け取ったフォルダに index.html があり、CSSや画像がまとまっていれば、一般的な静的HTMLサイトです。ファイルマネージャーやFTPでアップロードできます。
index.htmlがなく開発用のファイルだけが入っている場合は、そのままサーバーへ置いても表示されません。使用したAIサービスの公開機能を使うか、公開用ファイルを書き出す必要があります。
2. 試しに見せるサイトか、仕事で長く使うサイトか
URLを一時的に共有するだけなら、無料ホスティングで十分です。会社・店舗・サービスの公式サイトとして長く使う場合は、独自ドメイン、メール、サポート、バックアップまで含めて考えます。
3. メール・フォーム・WordPressが必要か
info@独自ドメイン のメール、PHPで動くフォーム、将来のWordPress運用が必要なら、通常のレンタルサーバーにまとめると管理しやすくなります。表示だけの静的サイトなら、無料ホスティングでも公開できます。
用途別：公開先の選び方
| 作ったサイト・用途 | 向いている公開先 | 主な理由 |
|---|---|---|
| HTMLをまず無料で公開したい | XServer Static、Cloudflare Pagesなど | 静的サイトを無料で公開できる |
| 会社・店舗・仕事用のHTMLサイト | エックスサーバー | 独自ドメイン、メール、PHP、日本語サポートをまとめられる |
| AIサービスから開発用ファイル一式を受け取った | AIサービス推奨の公開先 | 公開用ファイルの生成や自動デプロイが必要 |
| ログイン・データベースなどを使う | 機能に対応したクラウドやVPS | サーバー側の処理が必要 |
| 将来WordPressも使いたい | エックスサーバー | 同じ契約内でWordPressを運用できる |
この表で「会社・店舗・仕事用のHTMLサイト」または「将来WordPressも使いたい」に当てはまる人が、エックスサーバーの主な対象です。
無料ホスティングを比較
XServer Static
XServer Staticは、エックスサーバー株式会社が提供する無料の静的コンテンツ専用ホスティングです。容量は1GBで、独自ドメインと無料SSLに対応しています。ファイルマネージャーでのアップロードに加え、GitHubと連携した自動デプロイも利用できます。
HTML、CSS、JavaScriptだけで完結するサイトを無料で試す場合には有力です。一方、静的コンテンツ専用なので、PHP、独自ドメインのメール、WordPressまでまとめて運用したい場合は通常のエックスサーバーと役割が異なります。
Cloudflare Pages・Netlify
静的サイトや、AIサービスから受け取った開発用ファイルをビルドして公開する用途に向いています。
無料枠でも始めやすい一方、Git、ビルドコマンド、デプロイ設定などの知識が必要になる場面があります。トラブル時にドキュメントを読み、自分で原因を調べられる人向けです。
Vercel
AIサイト作成サービスや開発ツールの公開先として使われることがあるホスティングです。GitHubと連携すると、コードを更新するたびに自動でビルド・公開できます。
無料のHobbyプランは、公式のFair Use Guidelinesで非商用の個人利用に限定されています。会社や店舗のサイト、報酬を受け取って制作したサイトなどは、Pro以上を含めて利用条件を確認する必要があります。
エックスサーバーを選ぶメリット
通常のエックスサーバーは月額費用がかかりますが、Webサイトを仕事で運用するときに必要になる機能を一つにまとめられます。
- HTMLファイルをファイルマネージャーやFTPで公開できる
- 独自ドメインの取得・設定を同じ管理画面で進められる
info@独自ドメインなどのメールアドレスを作れる- PHPを利用したフォームや処理を動かせる
- 無料SSL、自動バックアップ、WAFを利用できる
- 日本語のメール・電話サポートがある
- 必要になれば同じサーバーでWordPressを始められる
個人・小規模事業のHTMLサイトなら、基本的にスタンダードプランから検討すれば十分です。通常料金は契約期間によって月額990円〜1,320円で、初期費用はかかりません。
比較表：無料公開とエックスサーバーの違い
| 比較項目 | XServer Static | Cloudflare Pages・Vercelなど | エックスサーバー |
|---|---|---|---|
| 料金 | 無料 | 無料〜 | 月額990円〜 |
| HTMLの公開 | 可能 | 可能 | 可能 |
| 開発用ファイルからの自動公開 | GitHub連携に対応 | 対応しやすい | 公開用ファイルを書き出してアップロード |
| 独自ドメイン | 可能 | 可能 | 取得・設定をまとめられる |
| 独自ドメインメール | 別途必要 | 別途必要 | 作成可能 |
| PHP | 利用不可 | 基本的に別の仕組みが必要 | 利用可能 |
| WordPress | 利用不可 | 利用不可 | 利用可能 |
| サポート | 日本語マニュアル・コミュニティ | ドキュメント中心 | 日本語のメール・電話サポート |
| 商用利用 | 利用規約を確認 | サービス・プランによる | 可能 |
エックスサーバーにしなくてもよいケース
次の場合は、無理に有料レンタルサーバーを契約する必要はありません。
- 作ったHTMLを数日だけ共有したい
- 趣味や検証用で、独自ドメインのメールが不要
- Gitやビルド設定を自分で扱える
- ログインやデータベースなど、別の実行環境が必要
反対に、サイト公開後にメール、フォーム、ブログを追加する可能性があるなら、複数サービスへ分けるより、最初からレンタルサーバーへまとめる方が管理はシンプルです。
エックスサーバーで公開する手順
公開までの流れは次のとおりです。
- エックスサーバーを契約する
- 独自ドメインを設定する
public_htmlへHTML、CSS、画像をアップロードするhttps://で表示を確認する- フォーム送信とスマートフォン表示をテストする
契約からファイルのアップロード、APIキーを公開しないための確認方法は、AIで作ったサイトをエックスサーバーで公開する手順で画像付きで解説しています。
独自ドメインのメールも使う場合は、エックスサーバーでメールアドレスを作成する方法へ進んでください。
まとめ
index.htmlを含む静的サイトは、無料ホスティングでもレンタルサーバーでも公開できるindex.htmlがない場合は、AIサービスの公開機能や書き出し方法を確認する- 試すだけならXServer StaticやCloudflare Pagesなどの無料公開で十分
- 仕事用のメール、PHP、日本語サポート、WordPressまで必要ならエックスサーバーが向いている
公開先は「無料か有料か」だけではなく、公開後に必要になる機能で選ぶことが大切です。仕事で長く使うサイトなら、サイト・ドメイン・メールを一つにまとめられるかまで確認して決めましょう。