AIで作ったホームページをインターネットに公開する方法【0円から・全手順】

前の記事で、AIを使えば自分でホームページのデモが作れることを書きました。今回はその続き、「作ったものをインターネットに公開する」方法です。

実はこのブログ自体が、これから説明する方法そのままで公開されています。私は同じやり方でホームページやブログを4つ公開してきました。全部この手順です。

全体の流れ（やることは3つだけ）

Cloudflareは、ホームページを置いておける海外の大手サービスです。個人のホームページ程度なら無料枠で足ります。私のブログも置き場所代は0円です。

手順1：Cloudflareのアカウントを作る（ここもAIに案内させる）

アカウント作成はパスワードが絡むので、入力はご自身の手でやります。でも「何をどうすればいいか」を調べる必要はありません。Claude Codeを隣に置いて、1画面ずつ案内させます。先にこれを貼ってください。

これからCloudflare（クラウドフレア）のアカウントを新規登録します。私はIT初心者です。

・公式サイトの正しいURLを教えてください（偽サイトが怖いので）
・登録手順を1画面ずつ、「どこを押して、何を入力するか」の粒度で案内してください
・英語の画面が出たら、日本語で意味を教えてください
・プランは無料プランにします。有料プランをすすめる画面が出たときの断り方（どのボタンを押すか）も教えてください
・メールアドレスとパスワードの入力は私が自分でやります。パスワードはAIには教えません

大事なのは最後の1行です。パスワードをAIに教える必要は一切ありません。AIは「隣で地図を読む係」、ハンドルを握るのは自分。この分担なら、難しい登録画面も安心して進められます。

手順2：Claude Codeに公開を頼む

アカウントができたら、あとはAIに任せます。ホームページのファイルがあるフォルダでClaude Codeを開いて、これを貼ってください。

このフォルダにあるホームページを、Cloudflareで公開してください。

・作業は全部おまかせします
・私がやる必要のある操作（ログインや承認など）が出てきたら、その都度、画面のどこを押せばいいかまで教えてください
・公開する前に、ファイルの中に外部に見られて困る情報（名前・住所・パスワード・会社の情報など）が入っていないかチェックして、あれば先に報告してください

途中でブラウザが開いて「Cloudflareへのログインを許可しますか」という画面が出ます。これは「AIがCloudflareを操作してもいいですか」という確認画面なので、内容を見て許可すればOKです。

手順3：アドレスを決める

公開すると、まず「〜.workers.dev」という無料のアドレスがもらえます。試しに公開するならこれで十分です。

「自分の名前のアドレスがほしい」場合は独自ドメイン（このブログの ai-salaryman.com のようなもの）を取ります。年1,500円前後で、取得もCloudflareの画面から手続きできます。これも「独自ドメインを取りたい」とAIに言えば手順を案内してくれます。

公開前に、これだけは確認しよう

• ✓見られて困る情報が入っていないか：手順2の依頼文でAIに検品させていますが、最後は自分の目でも確認
• ✓個人情報を扱う仕組みは公開しない：見た目だけのホームページなら大丈夫ですが、お客さんの名前や連絡先を登録・保存するような仕組みを公開するのは別次元の話です。会社の仕事で使うものなら、公開前に詳しい人に相談してください
• ✓会社の情報は入れない：安全ラインの記事のルールがそのまま当てはまります

まとめ

• ✓公開は「Cloudflareアカウント作成→AIに頼む→アドレスを決める」の3手順
• ✓無料アドレスなら0円、独自ドメインでも年1,500円前後
• ✓難しいところはAIにやらせるか、1画面ずつ案内させる。人間の仕事は「入力・許可・検品」だけ
• ✓個人情報を扱う仕組みだけは、素人判断で公開しない

「ホームページ制作は数十万円」の時代に、作るのも公開するのもほぼ0円でできるようになりました。まずは無料アドレスで、自分の作品をインターネットに置いてみてください。

ページに載せる画像も、AIに作ってもらえます。指示文は資料やブログの画像づくり、AIに任せる方法にそのまま使える形で置いてあります。

なお「そもそもレンタルサーバーは要るのか」から迷っている人は、ブログを作るのにレンタルサーバーは必要？で2つの道を比べています。