ZERO TO CLOUDFLARE

ゼロからわかる
Cloudflare

Xサーバーを、卒業しよう。

〜 2026年の個人事業主のための、新しいサイト運用 〜

▶ 2026.6.24 (火) 12:00–13:00
▶ オンライン / 60分
▶ クローズドコミュニティ向け
講師 / しゅうへい／村上周平・株式会社むらかみかいぞく 代表
CLOUDFLARE
PAGES / WORKERS / D1 / R2
TODAY'S GOAL

今日のゴールは、3つ。

60分終わったとき、この3つが「言える・決まる・持ち帰れる」状態を目指します。

01
KNOW
4大サービスが
何かを言える
Pages / Workers / D1 / R2。この4つを名前で説明できるように。
02
DECIDE
次のLPを
どこに置くか決まる
自分の次のサイトを、どこにデプロイするか判断できる状態に。
03
START
Day1〜Day5の
最初の一歩
今日終わったあと、何からやればいいかを持ち帰る。
WHO AM I
しゅうへい
村上周平 / 株式会社むらかみかいぞく 代表 / フリーランスの学校 運営
フリーランスの学校というコミュニティを運営しています
借金 5,000万円 を、AIで返済中
ぼくはコードを書けない。Claudeに全部聞きながら作ってます
今日話すのは全部、非エンジニアのぼくが実際にやってきたことです。
しゅうへい
CHAPTER 01 — WHY LEAVE X SERVER

こんなことで、
困ってないですか？

サーバーパネルを
いじるのが怖い
Xサーバーの管理画面、どこを触れば何が起きるのか分からない。
独自ドメインの
DNS設定がわからん
切り替えのDNS設定、合ってるのか合ってないのか分からない。
AIで作れるのに
ぼくがボトルネック
いろんなものが作れるのに、なぜか公開だけができない。
PAIN — DNS

DNS設定の、地獄。

DNS RECORDS — 設定画面
TYPE
VALUE
TTL
A
192.0.2.1
3600
CNAME
www.example.com
auto
MX
?? mail.???.com
????
NS
ns1.??????.jp
86400
⚠ 1つ間違えると、サイトが表示されなくなる
仕組みは、ぼくもよくわかってない
WordPressを自分で作ったとき「合ってるか合ってないか」が分からない
触ると急にサイトが 吹っ飛ぶ
この「怖さ」を、
そろそろ手放しませんか。
WHY NOW

なぜ今、Xサーバーを
卒業するのか。

REASON 01
バズっても
落ちない
リール経由でアクセスが一気に来ても、サーバーが死なない。
REASON 02
AI連動アプリを
動かしたい
チャットbotや会員サイトなど、動くものを動かせる場所が要る。
REASON 03
月数千円のレンサバ代を
ゼロに近づけたい
借金返済期だから、月の固定費を1円でも減らしたい。
CHAPTER 02 — WHAT IS CLOUDFLARE

Xサーバー vs Cloudflare、3つの比較。

Xサーバー
Cloudflare
速度
日本のサーバー 1台 から配信
世界 330 都市以上から配信
コスト
年 1.3万円〜
個人サイトなら 年0円
運用
FTPアップ・SSL手動
GitHubに push で自動デプロイ
WHAT IS IT

Cloudflareって、
そもそも何？

Claude
≠
Cloudflare
Cloud（雲）＋ flare（炎）。
Claudeでも、ただのクラウドでもありません。
もともとは、サイトを守る セキュリティ会社
今は サイトを置く・動かす・データを持つ まで全部できる総合サービス
WHAT CLOUDFLARE DOES NOW
置く
サイトを世界に配信
動かす
アプリ・APIを実行
持つ
データを保存
守る
SSL・DDoS防御
ANALOGY

「お名前.com」に、世界配信・防御・アプリ実行が乗った感じ。

BASE
ドメイン管理・DNS（お名前.comと同じ）
＋
LAYER 1
世界配信・無料SSL・DDoS防御
＋
LAYER 2
動くアプリ（Workers）・DB（D1）
＝
CLOUDFLARE
置く・動かす・
持つを全部やれる
GLOBAL CDN

世界330都市以上から、
配信される。

330
+
世界の都市にサーバー＝あなたのサイトのコピーが散っている
Netflixみたいに、近い拠点から届ける
アクセスした人の一番近い都市から、サイトが届く発想。
🇧🇷 ブラジルから
近くの拠点が応答
海外からアクセスされても、遅くならない。
CHAPTER 03 — FREE TIER

無料枠が、本気で太い。

個人事業主の規模だと、一生使い切れないレベル。次から1枚ずつ噛み砕きます。

Pages
静的サイトは
帯域・無制限
Workers
1日
10万リクエスト
D1
5GB＋
500万行/日 読取
R2
10GB＋
送信料 永久0円
BASICS — 単位の話

そもそも「帯域」「リクエスト」
って何？

帯域
＝水道メーターの「流れた水の総量」
サイトを開くたびに、数百KB〜数MBが流れる。
リクエスト
＝コンビニのレジ打ち回数
1ページ表示・API1発で「1回」とカウント。
送信料金Egress
＝倉庫から発送するときの「送料」
普通のクラウドは、ここが一番お金を食う。
▶ Cloudflareは、この3つがほぼ全部ゼロ円。
FREE TIER · 01 — PAGES

Pages：個人LPは、事実上タダ。

0円
月100万PVバズっても
静的サイトは 帯域・リクエスト無制限
Vercel 無料枠
帯域 100GB で止まる
Cloudflare Pages
上限自体がない＝止まらない
※ Pages Functions（動く処理）を入れると、Workers枠を消費します
FREE TIER · 02 — WORKERS

Workers：1日10万リクエスト無料。

100,000
リクエスト / 日 が無料
＝1秒1.15回を24時間叩いて、やっと到達
それでも、まだタダ。
AIチャットbotで 1日5,000人 × 20往復
それでも無料枠の中に収まる。
income-roadmap-bot / llac-connect
フォロワー全員が毎日触っても、使うのは数%だけ。
FREE TIER · 03 — D1

D1：5GB ＋ 500万行/日 読み取り。

5
GB
総ストレージ
ブログ記事（5KB）なら 約100万記事
短文投稿なら 2,500万件
500
万行
/ 日 読み取り
1万人の会員サイトで、全員が
1日500ページ見ても 届かない量
RULE覚えるのは内訳ルールだけ → 1DBあたり最大500MB・最大10DB
FREE TIER · 04 — R2

R2：10GB ＋ 送信料金永久ゼロ。

10
GB
高品質画像 約2万枚
ポッドキャストMP3 約200本
エグレス（送信料金）が 永久0円
AWS S3
数MB×1万DLで
数百〜千円が飛ぶ
R2
PDFが1日10万DL
されても 0円
▶ 読み取り回数（Class B）も 月1,000万回 まで無料
CHAPTER 04 — 4 SERVICES

① Pages：最強の、無料ホームページ置き場。

①
Pages
ページズ
HTML・LPなどの静的サイトを世界に配信
GitHubに push したら、勝手にデプロイ
▶ 覚え方：Pages =「サイト」
▶ LP系は Astro + Pages 一択
PAGES — REAL CASES

Pages実例：ぼくのLPは、全部これ。

REPO
claude-master-lp
Claudeマスター講座
ローンチLP
AstroReact
REPO
freelance-gakkou-official
フリーランスの学校
公式LP
Astro
REPO
claude-fulltelop-lp
テロップ全部入り
講座LP
Astro
Claudeデザイン → zipでClaudeコードへ → Astro + Pages で 一撃デプロイ
SERVICE ②

② Workers：動くウェブアプリを、世界で実行。

②
Workers
ワーカーズ
一番近い場所でJSを動かし、API・Webアプリを作る
Xサーバーの PHP/Node.js を動かす部分の世界配信版
Pages
サイト
vs
Workers
ウェブアプリ
WORKERS — REAL CASES

Workers実例：動くやつは、全部ここ。

freelance-gakkou-learning
会員ゲート・Discord連動の学習サイト
llac-connect
NFT保有確認＆Discordロール付与
月2万円のbot代替
income-roadmap-bot
面談ロードマップを案内するAIチャット
SERVICE ③

③ D1：データを覚えておく、SQLデータベース。

③
D1
ディーワン
Workersから直接使えるSQLite互換DB
WordPress裏の MySQL と同じ役割を無料で
10
DBまで
500MB
/ 1DB
5GB
総容量
D1 — REAL CASE

D1実例：学習履歴を、ちゃんと残す。

クッキー頼み
ブラウザの思い出 → 削除や再起動で学習履歴が消える
D1に永続化
どの端末でも、学習履歴がちゃんと残る
freelance-learning-db
D1
受講生の総学習時間
進捗・ロール情報
学習履歴・レコメンドの土台
SERVICE ④

④ R2：大容量ファイルを置く、倉庫。

④
R2
アールツー
画像・動画・PDF を置くオブジェクトストレージ
S3互換だけど、エグレス（送信料金）が永久無料
▶ バズって画像が10万回DLされても、送信料金は 0円
R2 — REAL CASE

R2実例：NFT画像を、自前ドメインで配信。

R2 PUBLIC URL
data.freelance-gakkou.com
└ /llac/metadata/{id}
└ /llac/images/{id}
▶ ダウンロード何回されてもタダ
標準倉庫として使える
教材PDF・無料ガイド
サムネ・OGP画像置き場
THE 4, AS A SHOP

4つを「お店」で例えると。

Pages
看板
静的LP。
見せるだけのサイト。
Workers
店員
動くアプリ・API。
処理してくれる人。
D1
帳簿
データを覚える。
記録を残す。
R2
倉庫
大きい荷物を置く。
画像・動画・PDF。
看板だけなら Pages ／ 店員と帳簿が要るなら Workers + D1 ／ 倉庫まで要るなら R2 を足す
CHAPTER 05 — REAL CASES

しゅうへいの使い分けは、3パターンだけ。

PATTERN 01
LP・公式サイト
Pages+Astro
GitHubに push で自動デプロイ
PATTERN 02
会員サイト・
AIチャット・bot
Workers+Hono(+ 必要ならD1)
動くものは、このセット
PATTERN 03
大容量配信
R2
画像・動画が多いサービスに足す
▶ この組み合わせで、いま動かしてるサイトは全部回ってます。
01
REAL CASE ①

CMC LP claude-master-lp

主力講座「世界一わかりやすい
Claudeの教科書」の派生 ・ Claudeマスター講座
AstroReactCloudflare Pages
Claudeデザイン
zipでClaudeコードへ
一撃でデプロイ完了 ✦
02
REAL CASE ②

公式LP freelance-gakkou-official

フリーランスの学校 ・
買い切り型再編後の入口
AstroCloudflare Pages
1 REPO → 2 SITES
公開用サイト（別ドメイン）
非公開サイト（別ドメイン）
▶ 事前登録LPと購入LPを 1リポで運用
03
REAL CASE ③

学習サイト freelanceschools.com

Hono on Workers D1 Static Assets Vimeo連動
Discordログイン
会員ゲート
ロール別
アクセス制御
セミナー
スライド配信
ログイン → 出し分け → 学習履歴まで、全部Cloudflareの中で完結
04
REAL CASE ④

ウォレット接続くん llac-connect

LLAC NFT保有 → Discordロール付与の自作bot
Hono on WorkersSecrets管理
これまで 月2万円 払ってたbotサービスを、自作で置き換え
年間コスト削減
24
万円
浮いた。
▶ 無料枠で完全に稼働中
05
REAL CASE ⑤

セミナースライド配信 seminar-decks

Claudeデザインのスライドを、
Cloudflareで静的配信
freelanceschools.com
/seminars/[YYYYMMDD-keyword]/
▶ パワポは、もう使ってません。
このスライドも、
Cloudflareから配信されてます。
06
REAL CASE ⑥

Stripe → Discord 通知bot stripe-discord-notify

Stripeで決済
webhook発火
Workers
webhookを受ける
Discordに通知
リアルタイム
▶ 「いま誰が買ってくれたか」が、売上の瞬間に流れてくる。
CHAPTER 06 — MORE · ①

Workers AI：軽い処理は、安く回す。

CF上でオープンソースAIが動く
Llama / Whisper / Stable Diffusion
メルマガ件名
A/B案を自動生成
無料ガイド
チャットbot
▶ 軽い処理はWorkers AI、最終仕上げはClaude で分担
10,000
Neurons / 日 が無料
MORE · ②

Vectorize：「意味で検索する」DB。

全部、埋め込み化する
個別面談メモ 100名分
note記事・メルマガ 全部
自分専用の
しゅうへい知識AI
▶ 受講生サポートにも使える
MORE · ③

Stream / Images：動画と画像の内製。

Stream
動画専用のYouTube内製版
Vimeoの代替候補
$0.001
再生 / 1分
$5
保存 / 1000分
Images
リサイズ・配信を全部やってくれる
WebP / AVIF 自動変換
▶ PC用・スマホ用を作り分けなくていい
MORE · ④

Cron / Email：自動で動く仕組み。

Cron Triggers
Workersを「毎朝9時に実行」
できる定期実行
毎朝の借金カウントダウン投稿
毎週のメルマガ送信
Email Workers
独自ドメイン宛のメールを
Workersで受け取って処理
support@ の問い合わせをClaudeで自動分類
ローカル常駐をやめて、クラウド常駐に
MORE · ⑤

Turnstile / Zero Trust：守る機能。

Turnstile
reCAPTCHAの代替
私はロボットではありません
▶ クリック不要・完全無料
Zero Trust Access
URLの前に「Googleログイン」
ゲートを置ける
管理画面・財務ダッシュボードをしゅうへいだけが入れる状態に
▶ 50ユーザーまで無料
CHAPTER 07 — ROADMAP

今日からの、Day1〜Day3。

1
DAY 1
アカウント作成 ＋ DNSをCloudflareに
既存ドメイン1個のDNSを向けるだけ。
▶ 移管ではなく「DNS委任」
2
DAY 2
LP1枚作って
Pagesにデプロイ
ClaudeデザインでLPを1枚。
▶ まず「公開された」を体験
3
DAY 3
GitHub連携で
push→自動デプロイ
pushで勝手に更新される体験を。
▶ ここまで3日で行ける
ROADMAP — DAY 4 & 5

Day4〜Day5：動くものに、触る。

4
DAY 4
Honoテンプレで
Workersを1個動かす
簡単なAPIでOK。とにかく1個。
5
DAY 5
D1にテーブル1個作って
保存→取り出す
データが残る感覚をつかむ。
全部Claudeコードに「Cloudflareの〇〇でやりたい」と言えば、手順を出してくれる。まず動かす。
WRAP UP

この4つだけ、覚えて帰る。

Pages
看板
LPは Astro + Pages
Workers
店員
アプリは Hono + Workers
D1
帳簿
データは D1
R2
倉庫
大容量は R2
わからないところは Discordへ
質問・実装相談OK。一緒に解決していきます。
次回セミナー予告
予告もDiscordに流すので、見ておいてください。
1時間、ありがとうございました。