はじめての方へ

01用意するもの

• [ ]Claude Codeデスクトップアプリ、または CLI
• [ ]GitHub アカウントサイトのファイルを置くリポジトリを作る
• [ ]Cloudflare アカウント無料プランで十分
• [ ]Gitパソコンにインストールしておく

02読む順番

上から順に読むと、サイトを公開して育てるまでの流れがつながります。所要時間の目安は合計で約100分です。

1. 01

   仕組みを知る

   Cloudflare の活用所要時間の目安 10分Cloudflare とレンタルサーバーの違いと、Cloudflare での公開が選ばれている理由レンタルサーバーとの違いから、Cloudflare でサイトを公開する仕組みをつかみます。
2. 02

   作って公開する

   Cloudflare の活用所要時間の目安 30分Claude Code と Cloudflare でサンプルサイトを公開するまでClaude Code でサイトを作り、GitHub 経由で Cloudflare Workers に無料で公開します。
3. 03

   URL を整える必要なときに

   Cloudflare の活用所要時間の目安 10分Cloudflare の workers.dev サブドメインを変更する方法と、名前の決め方公開した URL の workers.dev サブドメインを、覚えやすい名前に変えます。
4. 04

   記事を増やせる形にする

   Claude Code の使い方所要時間の目安 30分サンプルサイトを Astro に移行して Cloudflare で公開するまでHTML だけのサイトを Astro に移行し、Markdown を置くだけで記事を追加できるようにします。
5. 05

   独自ドメインで公開する必要なときにどちらか一方

   Cloudflare の活用所要時間の目安 14分Cloudflare Registrar でドメインを新規取得して Workers のサイトにつなぐドメインをこれから取る場合。Cloudflare で取ると料金に上乗せがなく、ネームサーバーを変える手順もいりません。Cloudflare の活用所要時間の目安 20分Cloudflare Workers で独自ドメインを使うには？ムームードメインのまま、メールはエックスサーバーに残す方法すでに持っているドメインを使う場合。ネームサーバーを Cloudflare に変えてつなぎます。メールは取得元のサーバーに残せます。

03記事の読み方

Claude への指示の例

記事に載せている指示の例は、コピーボタンでそのまま Claude Code に貼り付けて使えます。<ユーザー名> のような部分は、自分の環境に合わせて書き換えてください。

囲み枠の色

ヒント注意点補足チェックリストの4種類です。急いでいるときは、注意点だけでも読んでおくとつまずきにくくなります。

公開日と更新日

Cloudflare などの画面や仕様は変わることがあります。記事の内容は公開日（更新した記事は更新日）の時点の情報です。