til//free-static-site-hosting
free-static-site-hosting.mdupdated 2026-08-011,371 chars

個人サイトを​完全無料で​運用できる​理由 —— Cloudflare Pages と​ GitHub Actions

この​サイト​(nikinakamura.com)は​静的書き出し​(=完成済みファイルと​して​出力した​もの)を​ Cloudflare Pages​(クラウドフレア・ページズ)に​置き、​main への​ push​(=変更の​反映)の​たびに​ GitHub Actions​(ギットハブ・アクションズ)が​自動で​作り直している。​どちらも​個人サイトでは​使い​切れない​無料枠が​あり、​運用費は​0円のままである。

無料で​成り​立っている​部品

Cloudflare Pages​(ホスティング=サイトを​世界に​公開する​置き場)は​静的ファイルを​ Cloudflare の​世界中の​ネットワークから​配信する。​無料プランは​月500デプロイ​(=公開反映の​回数)まで​使える​(Cloudflare 公式)。​GitHub Actions​(自動作業ロボット)は​公開リポジトリ​(=誰でも​見られる​コード置き場)​+標準ランナーで​あれば​無料で​使える​(GitHub 公式)。​push の​たびに​ビルド(=公開用に​組み立てる​処理)を​実行し、​結果を​送り込む。​Cloudflare D1​(=編集可能な​ノートや​コメント用の​小さな​データベース)は、​保存5GB・​読み込み500万行/日・​書き込み10万行/日まで​無料である​(Cloudflare 公式)。​これは​個人サイトの​通信量を​はるかに​上回る​余裕である。

そも​そも、​なぜ​公開が​無料なのか

静的ファイルの​配信は​安い。​Cloudflare は​すでに​世界規模の​CDN​(=Content Delivery Network、​利用者の​近くに​ファイルを​置いて​速く​届ける​キャッシュ用サーバー群)を​運用している​ため、​自分の​ファイルを​載せる​追加コストは​ほぼゼロである。​無料枠は​入口​(ファネル)である。​まず​使って​もらい、​規模拡大や​上位機能・法人プランで​後から​課金して​もらう​狙いであり、​これは​フリーミアム​(=基本無料+一部​有料の​商売の​型)と​呼ばれる。​静的サイトには​常時動かすサーバーが​要らない。​アクセスと​アクセスの​間に​動き続けて​課金される​対象が​そもそも​存在しない。

出てきた​専門語の​整理

ティア​(tier)とは​プランの​段階​(無料/有料)を​指す。​無料ティアは、​使用量の​上限つきで​費用ゼロの帯である。config​(コンフィグ)とは​ツールの​動き方を​指定する​設定ファイルであり、​例と​してnext.config.mjswrangler.tomlが​ある。wrangler​(ラングラー)とは​ Cloudflare の​コマンドライン道具​(=文字で​命令する​操作ツール)で、​Pages・Workers・D1 の​公開や​管理に​使う。.mjsとは​ ES Module​(=今​どきの​ import/export と​いう​コード部品の​出し入れ方​式)で​書いた​ JavaScript ファイルを​指し、​先頭のmが​モジュール​(部​品)である​ことを​示す。

出典・参考

148 notestil