🚀 Cloudflare PagesにHTMLホームページを公開する方法
このページでは、HTMLで作ったホームページをCloudflare Pagesで無料公開する方法を、 初心者向けにわかりやすく解説します。
Cloudflare Pagesとは？
Cloudflare Pagesは、HTML・CSS・JavaScriptをアップロードするだけで 高速・安定・無料でホームページを公開できるサービスです。
✔ サーバー契約不要
✔ 専門知識不要
✔ 個人利用はほぼ完全無料
✔ 専門知識不要
✔ 個人利用はほぼ完全無料
公開前に準備するもの
- HTMLファイル（例：
index.html） - パソコンまたはスマートフォン
- Cloudflareアカウント（無料）
方法① ZIPアップロード（いちばん簡単）
HTML初心者の方には、ZIPアップロードがおすすめです。
STEP 1：HTMLファイルを用意する
トップページは必ず index.html という名前にします。
STEP 2：ファイルをZIPにまとめる
index.htmlstyle.css（あれば）script.js（あれば）
これらを1つのZIPファイルにします。
STEP 3：Cloudflare Pagesにアクセス
- Cloudflareにログイン
- 「Workers & Pages」を選択
- 初めて入れる場合「右上 → Create application」をクリック
- 「Upload assets」を選択
- 枠にドラッグ＆ドロップしてアップロードしてZIPファイルを入れる
- ２回目の場合「入れたいところ」を選択
- 「NEWdeployment」を選択
- 枠にドラッグ＆ドロップしてアップロードしてZIPファイルを入れる
STEP 4：公開完了
数秒〜数十秒で、
https://〇〇.pages.dev
というURLが発行され、ホームページが公開されます 🎉
方法② GitHub連携（更新が多い人向け）
GitHubにHTMLを置き、変更するたびに自動で反映させる方法です。
- 頻繁に更新するサイト向け
- バージョン管理ができる
- 少しだけ慣れが必要
よくある注意点
❗ index.html が無いと表示されません
❗ ZIPの中にフォルダを1階層入れすぎない
❗ 日本語ファイル名は避ける
❗ ZIPの中にフォルダを1階層入れすぎない
❗ 日本語ファイル名は避ける
どんなサイトが公開できる？
- 個人ホームページ
- 作品ポートフォリオ
- ジェネレーター・ツール
- 説明・案内ページ
まとめ
Cloudflare Pagesを使えば、
HTMLホームページは数分で無料公開できます。
特にZIPアップロードは簡単なので、
初めての公開にも最適です。