AIでホームページは作れた！でも公開できない人のための超入門ガイド

2026.05.30

AIで作ったホームページを公開しよう！初心者向けWEBサイト公開完全ガイド

Manus、Claude、ChatGPT、Google FlowなどのAIを使えば、 HTMLやCSSの知識が少なくてもホームページを作れる時代になりました。

しかし、多くの人が次の壁にぶつかります。

「ホームページは完成したけど、どうやってインターネットに公開するの？」

この記事では、WEB初心者でも理解できるように、 AIで作ったホームページを公開するまでの流れを、キャラクター達と一緒にわかりやすく解説します。

登場キャラクター

🐸 カエル先生

WEBの仕組みをやさしく教えてくれる先生。

😈 冴木さん

AIでホームページを作ったけど、公開方法が分からず困っている初心者代表。

第1章 AIで作っただけでは誰も見られない

😈 冴木さん
「ChatGPTでホームページ作ったよ！でも誰にも見てもらえない…」

🐸 カエル先生
「それはパソコンの中に保存されているだけだからだよ！」

ホームページを作っただけでは、自分のパソコンの中にデータがある状態です。

世界中からアクセスできるようにするには、インターネット上のサーバーへアップロードする必要があります。

第2章ホームページ公開に必要な4つの要素

要素	役割
ホームページ	家そのもの
サーバー	家を建てる土地
ドメイン	住所
DNS	住所案内所

🐸 カエル先生
「ホームページだけ作っても、土地も住所も無い状態なんだよ。」

第3章ドメインとは？

ドメインとはインターネット上の住所です。

例えば今回の例では、

nikeesports.net

がドメインになります。

実際のURLは次のようになります。

NIKE脱獄（Jailbreak）ブロガー IS AIR MAX MORRY1971

NIKE脱獄（Jailbreak）ブロガーのYoutubeチャンネル動画紹介、AviUtlを使用したオリジナル動画編集技、Wordpressを使用したサイト運営法、腕時計の分解修復技、車のDIY、ITガジェットのレビュー紹介、ネットワークゲームの無料技、自作PCや格安ITガジェットの収集技、iPhone、AppleWatch便利技、興味を引く色々なものに脱獄（jailbreak）目線で挑んでいく趣味雑記ブログです。

😈 冴木さん
「つまり家の住所みたいなもの？」

🐸 カエル先生
「その通り！」

第4章 URLとは？

URLはホームページの完全な場所を示します。


NIKE脱獄（Jailbreak）ブロガー   IS  AIR MAX MORRY1971
NIKE脱獄（Jailbreak）ブロガーのYoutubeチャンネル動画紹介、AviUtlを使用したオリジナル動画編集技、Wordpressを使用したサイト運営法、腕時計の分解修復技、車のDIY、ITガジェットのレビュー紹介、ネットワークゲームの無料技、自作PCや格安ITガジェットの収集技、iPhone、AppleWatch便利技、興味を引く色々なものに脱獄（jailbreak）目線で挑んでいく趣味雑記ブログです。
nikeesports.net
2020.05.18

この中身を分解すると、

部分	意味
https://	通信方式
nikeesports.net	ドメイン名
/	トップページ

第5章サーバーとは？

サーバーとはホームページを置いておくコンピューターです。

🐸 カエル先生
「土地が無いと家は建てられないよね？」

サーバーが土地、ホームページが家になります。

代表的なレンタルサーバーは次のようなものがあります。

エックスサーバー
ConoHa WING
さくらインターネット
ロリポップ

第6章 DNSとは？

初心者が一番つまずく部分です。

😈 冴木さん
「DNSって何！？」

🐸 カエル先生
「住所と土地を結び付ける案内係だよ！」

実際には、

ドメイン → nikeesports.net
サーバー → 123.456.789.xxx

という情報を結び付けています。

ユーザーはドメインだけ覚えておけばOKです。

第7章グローバルIPアドレスとは？

サーバーには数字の住所があります。

123.456.789.123

のような数字です。

これをグローバルIPアドレスと呼びます。

🐸 カエル先生
「DNSはドメインとIPアドレスを翻訳しているんだ。」

第8章 AIで作ったホームページ公開までの流れ

STEP1 AIでホームページを作る

ChatGPT
Claude
Manus
Google Flow

HTMLやCSSを生成してもらう。

STEP2 ドメインを取得する

例：

nikeesports.net

を取得する。

STEP3 サーバー契約

レンタルサーバーを契約する。

STEP4 ドメインとサーバーを接続

DNS設定を行う。

STEP5 ファイルをアップロード

index.htmlをアップロードする。

STEP6 公開確認

ブラウザで


NIKE脱獄（Jailbreak）ブロガー   IS  AIR MAX MORRY1971
NIKE脱獄（Jailbreak）ブロガーのYoutubeチャンネル動画紹介、AviUtlを使用したオリジナル動画編集技、Wordpressを使用したサイト運営法、腕時計の分解修復技、車のDIY、ITガジェットのレビュー紹介、ネットワークゲームの無料技、自作PCや格安ITガジェットの収集技、iPhone、AppleWatch便利技、興味を引く色々なものに脱獄（jailbreak）目線で挑んでいく趣味雑記ブログです。
nikeesports.net
2020.05.18

へアクセスする。