最☆強WEBサイト作成ツールの設計
現在、クラウドフレアの無料サービスを利用した高性能なWEBページを量産できる最強WEBサイト作成ツールを開発しています。
設計は以下
- ✓記事ページは cloudflare workers の静的アセット
- ✓画像などのメディアファイルはR2（公開カスタムドメイン＆キャッシュ）
- ✓D1を使ってお問い合わせやコメント機能を実装
それぞれの無料枠は以下
- ✓静的アセットの上限は20000アセット
- ✓R2は10GBまで無料で以降は従量課金
- ✓D1などの worker 機能は1日10万リクエストまで無料
１．cloudflare workers（静的アセット）
静的アセットと言えばまず cloudflare pages を思い浮かべる人が多いかもしれませんが、workers でも静的アセットを配信できます。
制限は無料枠で20000アセットまでで、１アセット当たりの容量は25MBが上限です。
HTMLだけでなく画像ファイルも配置することができるので、画像付きのWEBサイトも作成できます。
この機能を使うと、20000ページまでのWEBサイトを無料で作ることができます。（ページと画像を合わせて合計20000アセット）
ただ、画像をたくさん配置すると意外とすぐに20000アセットを使い切って上限に達してしまったりもします。
２．cloudflare R2
cloudflare R2 は、無料で10GBまでのファイルを保存して配信できるストレージサービスです。それ以上は従量課金となります。（$0.015/GB）
画像などのメディアファイルを workers の静的アセットではなくR2に置くことで、20000アセットの制限を埋めずに大量の画像やその他ファイルを容量依存課金で配信することができます。
さらに、R2に公開カスタムドメインを設定してキャッシュすれば完全に静的な配信が可能になり、ワーカーを動かさずに画像アセットを無料で高速配信できます。
R2はアクセス回数に依存した課金体系なのですが、カスタムドメインを通じてファイルを一般公開した上でキャッシュするとアクセスがCDNに吸収されてほぼ起こらなくなります。
こうなると保存した容量に依存する課金以外のコストがほぼゼロになるので、10GBまでなら無料でほぼ無制限のファイル配信ができます。それ以降も保存する容量依存のストレージ料金を払えば、どれだけアクセスが来ても高速で配信されて通信コストが発生しないコスパ最強のファイル配信ができます。（数TBとか行ったら料金が発生するらしい）
R2を使うためには支払い情報の登録が必要で、R2バケット公開用のカスタムドメインを付けるためにはドメインの購入が必要です。
これらはクラウドフレアでドメインを購入すれば自然に条件を満たすので、ドメインを購入して設定すればこの環境は簡単に作れます。
３．cloudflare D1
cloudflare D1 を使えば、データベースを使った処理ができます。
D1を使った機能をカスタムで実装することで、お問い合わせやコメント欄、掲示板などの動的な機能を実装することも可能です。
記事毎にお気に入りやいいねを付ける機能や、予約投稿も実装できます（未実装）。
D1操作は読み取りや書き込みなどで1日当たりのリミットが設定されていますが、D1へのアクセスは worker の稼働が必須なので大体 worker の一日10万回リクエスト制限がボトルネックになります。
D1の機能をヘビーに使うなら、月5ドルの月額プランに入ると月当たり1000万リクエストまで受けられます。それ以降は従量課金です。
5ドルと聞くと大したことないと思うかもしれませんが、円安なこともあってその辺のサーバーを借りるのと大差無いコストがかかります。
４．最強のWEBサイト作成ツール
これらの機能を組み合わせると以下の特徴を持った最強の無料サーバーサービスが爆誕します。
- ✓無料で20000ページまで配信可能
- ✓画像ファイルは合計10GBまで無料で配信可能
- ✓余計な広告表示が無く収益化も可能
- ✓ページの表示速度も高速
- ✓無料なのに大量アクセスがあってもサーバーが落ちない（DDOS耐性〇）
一般的な無料サーバーサービスの欠点をほとんど克服した最☆強の無料サーバーとなります。
極めつけには、１アカウント当たり100プロジェクトまで作れるので、１つアカウントを作ればこの性能のサイトを100個作れます。
ここまで聞くと最強のように思えますが、実はクラウドフレアでは Wordpress は使えません。
なので、クラウドフレアの機能でWEBサイトを作るには専用のCMS的なものを作る必要があります。
逆に、それさえ作れば１アカウント当たり100サイトまで高速・高セキュリティなサイトを作ってドメイン代だけで運用可能になります。
そして、その夢を叶えるために現在開発しているのがこちらの「Free-CMS」です。
目標は誰もが低いコストで高性能なWEBサイトを作って運用できるようにすることで、Wordpress よりも簡単で手軽に始められるものにしたいと思っています。
たとえば、ほぼ全ての Wordpress ユーザーがまず最初に拡張機能で補うであろうセキュリティ問題・表示速度・SEOの３つを最初から気にしなくてもいいようにしてあります。
WEBサイト作成までの過程も簡単にして、ボタンをポチポチするだけでちゃんとしたサイトを作れるようにしてあります。
また、ワードプレス風の管理画面とブログ風の管理画面を作って選べるようにして、より多くのユーザーが使えるようにしています。
５．進捗
今は最低限のサイト作成機能ができて、ようやくサイトを作って実験を始められるようになった段階です。
これから、Wordpress の人気の拡張機能と同じ機能を初期から実装したりしてコスパ最強のWEBサイト作成ツールを作ろうと考えています。
このサイトは Free-CMS で作られており、サイトを作りながら欲しい機能を追加したり、バグが無いか確認したりしています。
よければ試しにインストールしてサイトを作ったりしてフィードバックなど頂けると嬉しいです。
