CDN 入門 ― Cloudflare で静的サイトを世界配信する5ステップ

CDN(Content Delivery Network)は，静的サイトを世界に配信する最短ルート．本記事では Cloudflare で5ステップ導入を整理する．

この記事では，個人開発者・スモールチーム・学生エンジニアの方を主な読み手として書いています．10分で読み終わって，明日から動ける具体的な行動が1つ見つかる状態を目指しています．

なぜ CDN が個人開発でも効くのか

CDN は世界各地のキャッシュサーバーからコンテンツを配信する仕組み．日本のサーバーに置いた画像も，海外ユーザーから見れば近くのCDNから取得され体感が劇的に速くなる．

サーバー本体の負荷も激減．「もしバズったら」のスパイクをCDNが受け止め，本体サーバーは静かなまま．Cloudflareは無料プランで十分．

Cloudflareの無料アカウントを作成．「Add Site」でドメインを入力．既存のDNSレコードを自動スキャンしてくれる．

スキャン結果を確認し，不足しているレコードを追加．特にMX，TXT(SPF/DMARC)，サブドメインを忘れずに．

Cloudflareが指定する2つのNS(xxx.ns.cloudflare.com)をレジストラ側で設定．伝播に24-48時間．

切替前にステップ1のレコードを完全に同期しておく．これを怠るとサイト・メール障害の原因に．

Cloudflare ダッシュボードでレコードの状態を確認．オレンジ雲が CDN プロキシ経由(キャッシュあり)，グレー雲はDNSだけ提供(キャッシュなし)．

本体サーバーへの直接アクセスはグレー雲(direct.example.com)を別途用意．SSH/FTP/メールサーバーはこの直接アクセス経路で運用．

Cloudflare → SSL/TLS タブで Full (strict)を選択．Cloudflare ↔ ユーザー間とCloudflare ↔ 本体サーバー間の両方を暗号化．

本体サーバーには Cloudflare Origin Certificate(15年有効)を発行して配置．Let’s Encryptと併用も可．

Caching → Cache Rules で静的ファイルのキャッシュ期間を設定．画像・CSS・JS は1年，HTMLはキャッシュなし or 短時間．

WordPress 管理画面はキャッシュ対象から除外(Page Rules で /wp-admin/* → Cache Level: Bypass)．ログイン後の挙動が壊れる事故を防ぐ．

独自ドメインのサイトを世界中で同じ速度で見られるようにするのがCDN．海外からの閲覧・将来のグローバル展開を見越すなら，個人開発でも今のうちに導入する価値あり．

これからドメインを取るなら，取り扱い400種類以上のドメイン取得サービス─ムームードメイン─ で取得 → Cloudflare 経由で世界配信，が個人開発のグローバル戦略．DNS切替もNS変更だけで完了．

本体サーバーはロリポップ！のような国内レンタルサーバーで十分．Cloudflare がエッジで配信を担い，本体は更新時だけ動く静かな状態に．

初回アクセスはキャッシュ生成のため微妙に遅い．2回目以降は劇的に速い．

管理画面をキャッシュから除外すれば問題なし．プラグイン(W3 Total Cache, WP Rocket)で連携可．

Fastly, KeyCDN, AWS CloudFront．個人開発の初期は無料の Cloudflare 一択．

大事なのは，「正解を完璧に押さえる」ことではなく「動き始める」ことです．今日，Cloudflare の無料アカウントを作って，自分のドメインを「Add Site」しましょう．