// About
このサイトについて
このサイトの目的
このサイトでは、AI コーディングツールの Claude Code と Cloudflare を組み合わせて、Web サイトを作って公開する方法を紹介しています。Cloudflare Workers を使ったサイトの公開や、Astro などの静的サイトジェネレーターへの移行といった手順を、流れに沿って解説します。
初めての方でも迷わないように、Claude Code にそのまま伝えられる指示の例と、設定でつまずきやすいポイントを重点的にまとめているのが特徴です。あわせて、AI の新しい動向を、個人の開発や仕事に取り入れるための情報も発信しています。
運営者
はじめてのくらうどふれあ 運営者
このサイトは、運営者が Claude Code で作り、Cloudflare Workers で公開しています。作りながら得た実践的なノウハウを共有することが、このサイトの目的です。
記事について
- 記事の手順は、このサイトを作りながら実際に進めた流れに沿って書いています。
- Cloudflare などのサービスの画面や仕様は変わることがあります。記事の内容は、それぞれの公開時点の情報です。
- 内容を更新した記事には、公開日とあわせて更新日を表示しています。
このサイトの作り
このサイトは、次の組み合わせで作っています。サーバーを借りずに、静的なファイルとして公開しています。
| 使っているもの | 役割 |
|---|---|
| Claude Code | サイトのコードを書く |
| Astro | Markdown の記事から HTML を生成する |
| GitHub | ファイルの変更履歴を管理する |
| Cloudflare Workers | 生成したファイルを世界中に配信する |
同じ構成でサイトを作る手順は、次の記事にまとめています。
作って公開するClaude Code と Cloudflare でサンプルサイトを公開するまでClaude Code への1つの指示でサイトを生成し、GitHub 経由で Cloudflare Workers へ無料公開する最短手順と設定の勘所を解説します。
Astro に移行するサンプルサイトを Astro に移行して Cloudflare で公開するまでHTML だけで作ったサンプルサイトを静的サイトジェネレーター Astro へ移行し、Cloudflare Workers で再公開するまでの最短手順と、Next.js・Hugo・11ty との比較を解説します。個人情報の取り扱い
アクセス情報の扱いなどは、プライバシーポリシーをご覧ください。