Cloudflareとは？サーバー・GitHubとの違いと使いどころ

こんにちは！須崎純一です
（プロフィールはコチラ）

Cloudflare（クラウドフレア）は、サイトの表示を速くしたり、攻撃を止めたりしてくれるサービスです。レンタルサーバーやGitHubと何が違うのかを、9分の動画にまとめました。見終わると、自分の仕事に要るかどうかの判断がつきます。

字幕付きなので、音を出せない場所でも見られます。

文章で読みたい方向けに、動画の中身と、実際に使ってみた場面を書いておきます。

ひとことで言うと、サイトの「玄関」

ホームページを1軒のお店だとすると、料理を作る厨房がサーバーです。

Cloudflareは、その厨房の手前に「受付」と「用心棒」と「各地の配送倉庫」をまとめて置いてくれます。よく出るメニューは近くの倉庫から渡して終わり。怪しい客は玄関で止まる。厨房まで回ってくるのは、特別な注文だけになります。

で、最近のCloudflareがめっちゃ面白いのは、玄関の横に小さな作業場まで置けるようになったことです。申込フォームを受け付けて台帳に書く、決まった時刻にお知らせを送る、AIとつなぐ。このくらいの仕組みなら、サーバーを借りずにCloudflareの上だけで動きます。

サーバー・GitHubとは、担当する場所が違う

同じお店のたとえで並べると、こうなります。

レンタルサーバーは、お店の建物と厨房。WordPressや独自ドメインのメールを、24時間動かしておく場所です。

GitHubは、レシピと設計図の保管庫。作ったファイルと書き直しの記録をしまっておいて、人と共有します。自分だけの非公開の保管庫なら無料で使えます。

Cloudflareは、玄関と配送倉庫と、軒先の小さな作業場。表示を速くする、攻撃を止める、小さな仕組みを動かす、が得意です。逆に、WordPressをまるごと動かすことや、何時間も続く重い処理には向きません。

なので、3つは取り合いになりません。うちの会員サイトもレンタルサーバーで動いていて、作ったファイルはGitHubに保管しています。GitHubに保存したページをCloudflareが受け取って、自動で公開し直す。こういう組み合わせ方もよく使われています。

交流会の参加申込を、Cloudflareで作り直した

所属している経営者の交流会で、参加申込の仕組みを作り直しました。申込フォーム、申込者の台帳、管理画面、お知らせまで一式です。申込の台帳と、会で使っている運営表のスプレッドシートは、毎朝3時に自動で突き合わせています。管理画面の「スプレッドシートをそろえる」を押すと、画面に「確認した申込：22件」のように結果が出ます。

最初は、レンタルサーバーとUTAGEで組むつもりでした。AIと相談して、Cloudflareに切り替えています。決め手は4つでした。無料で始められる。鍵マーク（https）が最初から付く。決まった時刻に動かす仕組みが、無料で使える。パスワードなどの秘密の値を、画面からも見えない形で預けられる。

結果、レンタルサーバーもUTAGEも、新しく契約せずに済みました。

作業は、ほぼAI（Claude CodeとCodex）に任せています。Cloudflareには、コマンドで作業を進める公式の道具（Wrangler）があるので、作る・試す・公開する・直すを、AIにまとめて頼めます。管理画面のボタンを自分で探し回る場面は、ほとんどありません。

小さく始める進め方は、飲食店のシフト管理ツールのたたき台をAIで形にした時と同じです。あの時も、希望シフトの提出から週の表までの、1つの流れに絞って作りました。

https://note.com/suzakijunichi/n/n0913d01f7ef8

本番の前に、テスト用で試す

Cloudflareは、オンにすれば全部が安全で速くなる、魔法のスイッチとは違います。

ドメインを切り替える時にメールの設定を写し忘れると、その日からメールが届かなくなる。ログインした人だけが見るページを「倉庫に置いてよいもの」として扱うと、別の人に中身が見えてしまう。守りの設定をいきなり強くすると、本物のお客さんまで玄関で止まります。

交流会の仕組みも、お知らせの送り先はメンバーのLINEグループでした。作り始めた時、AIにはこう伝えています。

「まだLINEに配信は絶対しない」

テスト用のLINEアカウントとグループを別に作って、送る確認はまずそっちで行いました。変える前の状態を控えて、1つずつ変えて確かめる。地味ですが、この順番は崩していません。

要るかどうかは、困りごとで決まる

ホームページが遅い、鍵マークが付いていない、攻撃やスパムが心配。それなら、今あるサイトの玄関だけをCloudflareに任せる使い方から入ります。玄関だけ借りて、厨房は今のまま。入り方としては、ここがいちばん気楽です。

申込フォームや定時のお知らせを、月額なしで動かしたいなら、小さな仕組みを動かす使い方から。自社の商品情報をAIから調べられるようにしたい、管理画面を関係者だけにしたいなら、AIとつなぐ使い方から。

どれにも当てはまらなければ、今は要らない側です。

この動画の声は、AIの読み上げです

動画のナレーションは、Googleが9月23日に紹介した読み上げAI「Gemini 3.8 Flash TTS」で作りました。

無料枠があると聞いて、最初に返した言葉は「無料なの？お金かかんじゃないの？」でした。調べると、無料枠は1日10回、1分に3回まで。スライド6枚分をまとめて1回で読ませる形にして、9分ちょっとの読み上げを作りました。

noteでは、AIに仕事を任せた実例を毎日書いています。フォローしておくと、次の実例がタイムラインに流れてきます。

ではでは〜＼(^o^)／

他の記事は、コチラ
https://note.com/suzakijunichi

■「AIクローン構築」無料ウェビナー
https://webinar.cenleaf.com/from/note

#Cloudflare #生成AI #ClaudeCode #AIとできたこと #AIクローン