HTMLとCSSでホームページを作ってみたものの、ローカルで動くだけで満足してしまっていませんか？せっかくのデザインも、インターネットに公開しなければ世界の誰にも届きません。そこで頼れるのが、Cloudflareが提供する「Cloudflare Pages」。静的サイトを驚くほど簡単に、しかも無料で世界に向けて公開できる強力なホスティングサービスです✨
GitHubにプッシュするだけで自動デプロイ、しかもアクセス数が爆増しても追加料金ゼロ。ティザーサイト・ポートフォリオ・ライブラリのドキュメントなど、あらゆる静的ページの公開先として最有力候補になります。
Cloudflare Pagesは、ホームページやティザーサイトといった「静的ページ」をホスティングするためのサービスです。静的ページとは、ユーザー操作によってデータが書き換わらないタイプのWebサイトのこと。動的処理が不要であれば、Pagesに置くだけで世界中のエッジサーバーから配信されます🌍
Cloudflare自体が大規模なCDN（Content Delivery Network）を運用している会社なので、東京からアクセスしても、海外からアクセスしても、最寄りのエッジサーバーから瞬時にコンテンツが返ってくる。これだけで表示速度が体感レベルで向上します⚡
無料プランでも「サイト数・シート数・リクエスト数・帯域幅」がすべて無制限。アクセスが伸びても追加料金なし。1ヶ月あたりのビルド回数500回という制限はありますが、個人開発・小規模プロジェクトなら十分すぎるスペックです。
プロジェクトフォルダの一番上の階層にindex.htmlを置き、必要に応じてstyle.cssなどを配置します。普段使い慣れているHTML/CSSのコードがそのまま使えるのが嬉しいポイントです。
GitHubで新規リポジトリを作成し、ローカルからgit init → git add . → git commit → git pushの流れでファイルをアップロード。これがCloudflare Pagesと連携する「ソースの泉」になります📦
Cloudflare公式サイトでアカウントを作成し、ダッシュボードの「Workers & Pages」→「Pages」タブから「Gitに接続」を選択。GitHubアカウントで認証し、対象リポジトリを選んでアクセスを許可します🔐
プロジェクト名・デプロイ対象ブランチ（通常はmain）・フレームワーク（HTMLのみなら未指定でOK）・ビルドコマンド・出力ディレクトリを設定し、「保存してデプロイ」をクリック。数分待つとプロジェクト名.pages.devのURLでサイトが公開されます🚀
そのままでも使えますが、独自ドメインを当てるとプロ感が一気にアップ。Cloudflareの「ドメイン登録」から好きなドメインを購入し、Pagesプロジェクトの「カスタムドメイン」タブから設定するだけ。DNSレコードも自動で整い、最大48時間以内（多くは数分）で反映されます🎯
Cloudflare Pagesを使いこなすには、HTML/CSSの基礎、Git/GitHubの操作、そしてWeb全般の仕組みを理解しておくと圧倒的に楽になります📖 学びを一段引き上げてくれる5冊を厳選しました。
静的サイトの土台はHTMLとCSS。タグの意味、レイアウトの組み方、レスポンシブ対応まで、図解豊富な入門書で基礎を固めると、テンプレートを読み解く力が一気に身につきます。
Cloudflare Pagesの自動デプロイは、Git操作に慣れているほど効果倍増。コミット・ブランチ・プッシュ・プルリクエストの基本から、チーム開発の作法までカバーした一冊で、現場力をアップしましょう。
DNS・HTTP・CDN・SSLといったキーワードが腹落ちすれば、カスタムドメイン設定や障害対応もスムーズに。Webの裏側を分かりやすく解説した書籍は、エンジニアの一生モノの財産になります。
せっかく公開するなら見た目も妥協したくないもの。配色・タイポグラフィ・余白の使い方を学べるWebデザイン本があれば、テンプレートのカスタマイズも自分の感性で組み立てられるようになります。
Cloudflare PagesはMkDocsやPelicanといったPython製ジェネレーターも扱えます。Markdownでブログやドキュメントサイトをサクッとビルドしたいなら、静的サイト構築の指南書を1冊持っておくと表現の幅が広がります。
A. WordPressやWixは「ノーコードでサイトを作るサービス」。一方Cloudflare Pagesは「自分で書いたコードを公開する場所」です。コードを書ける方には自由度・速度・コスト面でCloudflare Pagesが圧倒的に有利になります。
A. はい。サイト数・帯域幅・リクエスト数すべて無料枠で無制限です。1ヶ月のビルド回数500回という制限のみありますが、個人サイトなら十分。カスタムドメインを使う場合のみドメイン取得料が別途必要です。
A. 不要です。GitHubの対象ブランチにプッシュするだけで、Cloudflare Pages側が自動でビルド＆デプロイしてくれます。Pull Requestごとのプレビューデプロイにも対応しているので、レビュー作業もスムーズです。
A. 公式には最大48時間とされていますが、実際には数分〜数十分で反映されることがほとんどです。ステータスが「アクティブ」になったらアクセス可能になります。
A. PelicanやMkDocsのような静的サイトジェネレーターで生成したHTML/CSSファイルなら問題なくデプロイ可能です。ただし、サーバー側で動的処理が必要なFlask/Djangoなどのアプリは別サービス（Cloudflare Workersや他のPaaS）を検討する必要があります。
Cloudflare PagesはGitHubと組み合わせるだけで、静的サイトのデプロイから独自ドメインの設定までを驚くほどシンプルにこなしてくれる強力な相棒です。無料枠が潤沢でアクセス数を気にせず運用できるので、ポートフォリオ・ティザー・ドキュメント・個人ブログなど、あらゆるアイデアを気軽に世に出せます🚀
書籍で土台を固めながら手を動かしていけば、Web制作とインフラ運用のスキルが同時に育ちます。今日から自分だけのサイトを公開して、コーディングの楽しさを世界中の人と分かち合っていきましょう🌐💡