この記事のまとめ
- Cloudflareのアカウント作成から、独自ドメインでサイトが開くまでを1日でやった
- 実際に手を動かした時間は30分〜1時間ほど。始めてから終わるまでは約1時間半
- かかったお金はドメイン代の1年目10.46ドル(1ドル150円なら約1,600円)だけ
- つまずいたのは「公開したのに開けない」の1回。原因は、公開直後でまだ準備中だったこと
前回の制作記録#001で、サイト名と進め方を決めました。今回はいよいよ、サイトを世界に公開するところまでです。やったことは全部、Claudeに言われたとおりの操作だけです。
1. Cloudflareのアカウントを作る
Cloudflareの無料アカウントを作ってください。支払いや有料プランをすすめる画面が出ても、何も買わずに止めて報告してください。
Googleアカウントで登録したら、ものの数分で終わった。お金の画面は出てこなかった。
Cloudflareは、サイトを無料で公開できるサービスです。Claudeがここを選んだ理由は、サーバー代がかからないことと、作ったファイルをドラッグ&ドロップするだけで公開できることでした。
2. ファイルをドラッグ&ドロップして公開
渡したzipファイルを、ダッシュボードの箱にドラッグ&ドロップしてください。プロジェクト名は toriaezu-ai にしてください。
ログインした最初の画面に、いきなり「Drop a folder, or a zip」という箱があった。そこにzipを落としたら、すぐに「Ready」と表示された。

Claudeが想定していた手順より、1画面短く済みました。サービスの画面は変わることがあるので、AIの説明と画面が違うときは、スクショを送って案内し直してもらっています。
3. 公開したのに開けない
公開されたアドレスを開いたら、ブラウザに「安全な接続を確立できません」という警告が出た。
公開した直後は、安全な接続(https)の準備に数分かかることがあります。警告の画面から先へは進まず、5分ほど待ってから再読み込みしてください。
少し待ったら、普通に開けた。
今回、唯一焦ったところです。エラーが出ても、まずAIに画面をそのまま見せれば、原因と次にやることを教えてもらえました。
4. 独自ドメインを取る
最初に公開されたアドレスには、登録したメールアドレスの一部が入っていました。名前を出さずに運営したいので、自分のドメイン(toriaezu-ai.com)を取ることにしました。
Cloudflareの「Buy a domain」で toriaezu-ai.com を検索して、値段のスクショを送ってください。購入ボタンは押さずに止めてください。
検索したら、1年目10.46ドル、2年目以降も10.46ドルと表示された。値段を一緒に確認してから、自分で購入ボタンを押した。

Claudeによると、ドメインの値段は名前の長さではなく、末尾(.comや.jpなど)でほぼ決まるそうです。Cloudflareは仕入れ値のまま売る方針で、2年目から値上がりしないのも決め手になりました。

5. ドメインをサイトにつなぐ
サイトのプロジェクトの画面で、ドメインを追加してください。サブドメインは空欄のまま、Productionのままで「Add domain」を押してください。
指示では「Settings」の中と言われたが、実際は「Domains」というタブにあった。自分で見つけて、言われたとおりに押した。数分後には toriaezu-ai.com で開けた。

最後に、メールアドレスの一部が入った最初のアドレスを止めました。先に止めると、独自ドメインがつながる前にサイトがどこからも見えなくなるので、「つながったのを確かめてから止める」という順番もClaudeの指示どおりです。
かかった時間とお金
| 項目 | 内容 |
|---|---|
| 実際に手を動かした時間 | 30分〜1時間ほど(合間に少しずつ) |
| 始めてから終わるまで | 約1時間半 |
| サイトの公開 | 0円(Cloudflareの無料の範囲) |
| ドメイン | 1年目10.46ドル、2年目以降も同じ(2026年10月21日時点の表示) |
やってみて思ったこと
自分で調べたことは、ほとんどありません。止まったのは「画面の見方が分からない」「エラーが出た」のときだけで、どちらもスクショを送れば次の一手が返ってきました。逆に、お金を払う前と、取り消せない操作の前には、必ず一度止めてくれたので、言われるがままでも不安はありませんでした。
次にやること
見た目を整えて、運営に必要なものをそろえます。→ 制作記録#003:見た目を整えて、運営の準備をそろえた
あわせて、サイトの中身も増やしていきます。このあとの記事は、Claudeのはじめ方、料金とプランの違い、4つのAIの比較として公開しています。

