Cloudflare R2で画像を配信する料金は、何で決まりますか？
Studioではプランを選べば毎月の金額が決まりますが、R2には決まった月額がありません。料金は、保存しているデータの量と、そのデータへの操作回数の2つで決まります。操作は2種類に分かれていて、書き込みや一覧取得がClass A、読み出しがClass Bです。
インターネットへのデータ転送には料金がかかりません。アクセスの多いページに大きな画像を置いても、転送量だけで請求が膨らむことはないわけです。とはいえ、外向き転送が無料でも保存や操作の費用は別にかかりますし、連携する従量制サービス側で課金が生じる可能性もあります。
ストレージの区分には「標準」と「低頻度アクセス」の2種類が存在し、設定を変更しなければ標準ストレージが選ばれる仕様です。標準ストレージはウェブサイトや画像、動画の公開といった頻繁な利用を想定した設計で、無料枠も手厚く用意されています。保存は10 GB-month、Class Aは100万回、Class Bは1,000万回までで、細かい単価はR2の料金ページに載っています。料金は変わることがあるので、契約前にこのページの金額を見てください。
一方の低頻度アクセスは、R2の保存クラスの説明のとおり、保存単価が低い代わりに、データの読み出しやコピーのたびに取得料金がかかります。30日間の最低保存期間も設けられており、途中でファイルを削除したり置き換えたりしても30日分の料金が請求される仕組みです。低頻度アクセスには標準ストレージのような無料枠が適用されない点にも気を配る必要があります。毎日表示される画像なら、標準のままにしておくのが自然でしょう。
Cloudflare Pagesはどこまで無料で使えますか？
ウェブサイトを丸ごとホスティングする場合、Cloudflare Pagesの無料枠だけで運用しきれるのでしょうか。コーポレートサイトのように、HTMLと画像とCSSだけで動くサイトなら、無料プランのままで配信できます。Functions（サーバー側で動く処理）を呼び出さない静的ファイルへのリクエストは、無料プランでも有料プランでも無料で、回数の上限もありません。アクセスが増えても、静的な配信部分は請求に響かないということです。
ただ、プラットフォーム全体の利用枠としていくつかの数値上限が定められています。プロジェクトあたりの独自ドメインは100個まで登録でき、サイトあたりのファイル数は20,000ファイル、1ファイルあたりのサイズは25MiBが上限です。サイトを更新する際のビルドは、Pagesの制限事項一覧のとおり月500回までで、同時に走らせられるビルドは1件です。更新のたびにビルドが走るので、1日に何度も修正を入れる運用では、月の残りの回数を見ておいてください。
問い合わせフォームなどでFunctionsを使うと、話が変わります。Pages Functionsの料金では、Functionsへのリクエストは Workers の無料枠と合わせて1日100,000件までで、この枠は毎日UTCの午前0時に戻ります。
もうひとつ、Functionsを追加すると既定ですべての通信が関数を経由する挙動になるため、静的配信の無料かつ無制限の枠を守るには、設定ファイルである「_routes.json」を配置して静的ルートを除外する指定を施します。functionsフォルダがあると公開時にこのファイルが自動で作られるため、ルーティングの設定と照らして、生成された中身も一度開いてみてください。
Cloudflareで有料になるのはどんな場合ですか？
静的ファイルの配信だけなら費用が一切かからないCloudflareですが、動的な処理や大量のデータ保存を組み合わせると課金が発生します。
無料プランでFunctionsの1日の枠を使い切った時は、設定に応じて、静的ファイルを配信し続けるか、エラーページを返すかのどちらかになります。日ごとの上限をなくしたい時は、自分でWorkers Standardへアップグレードします。
Workersの料金では、有料プランの金額は、1アカウントごとの月額の最低料金に、含まれる量を超えたリクエスト数とCPUの使用時間の従量分が加わって決まります。見積もる時は、リクエスト数だけでなくCPU時間も合わせて見てください。
Studioや他のサービスと比べると、料金の仕組みはどう違いますか？
一番の違いは、金額がプランで決まるか、使った量で決まるかです。ノーコードツールのStudioは、公開するWebサイト単位でプラン契約を結ぶ仕組みを採用しています。Studioの料金案内にある通り、無料プランのほか、月払いや年払いで固定料金を支払う有料プランが用意されています。デザインエディタ、サーバー、フォームなどの機能が一体化しているため、毎月の支払い額が最初から見通しやすいのが特徴です。
Cloudflareは逆で、R2は保存量と操作回数、PagesのFunctionsはリクエスト数で決まります。静的ファイルの配信は無料で回数も無制限なので、アクセスが増えても配信部分の費用は変わりません。
ヘッドレスCMSのmicroCMSを組み合わせる場合も、独自の課金基準が存在します。microCMSでは、APIや画像・ファイルのデータ転送量にプランごとの月間の規定量があり、超えた分がサービス料金に足して請求されます。この転送量は「月間PV数 × 1ページあたりの画像容量」という計算式で大まかに把握できますが、あくまで目安であり、実際の利用状況は管理画面で確認していく流れです。
ちなみに、Studioでは、Freeプランのプロジェクトを持つアカウントなら、制作予定のサイト規模や求める機能を選ぶだけで適したプランを提示してくれるプラン診断も利用できます。定額で丸ごと任せるStudioか、リソース単位で積み上げる構成かによって、毎月の費用の読みやすさは大きく変わってきます。
Next.jsでコーポレートサイトを作る費用は、何で決まりますか？
月額の利用料を支払えば使い始められるノーコードと違い、Next.jsでコーポレートサイトを構築する場合は初期の制作開発費と公開後の運用インフラ費が分かれて発生します。毎月かかるお金と、最初に作るお金は分けて考えてください。
まず初期の制作費は、実装する画面数やデザインの作り込み、問い合わせフォームをはじめとする機能要件、外部サービス連携の範囲によって金額が変動します。CMSを入れる場合は、どのCMSを使うか、データをどう持つか、外部とどうつなぐかで、追加の見積もりが出ることもあります。
Studioから移る場合、HTMLコードを外部へ書き出す機能はありません。だから、今のサイトを書き出してそのまま載せ替えることはできず、ページは作り直しになります。
Next.jsは静的ファイルに書き出して配信でき、Cloudflare Pagesにもこの方法で公開できます。ただし静的書き出しの制限として、Node.jsのサーバーが要る機能や、ビルドの時点で計算できない動的な処理は使えません。サーバー側の処理を多く使う作りにすると、Pagesの静的配信だけでは足りなくなり、Functionsの料金も関わってきます。
見積もりを頼む時は、想定している画面数と機能、今のサイト、公開したい時期、予算、公開後に誰がどう更新するかを伝えると、話が早く進みます。開発の委託先によってはホスティング代や公開後の保守が別契約になるケースもあるため、見積もり時には内訳をしっかり確認しておいてください。Studioからの移行にかかる費用は、Studio移行センターの料金ページ（/ryokin/）の計算例と、無料サイト診断（/shindan/）で確かめられます。