【2026年後半版】AIで作ったWebサイト・Webアプリ、どこで公開する？ 10サービス比較

AIでWebサイトやWebアプリを作ったあと、公開先の選定で迷うことがあります。無料で始められるサービスは複数ありますが、対応する構成や、公開後にかかる費用は同じではありません。

まず整理したいのは、情報を掲載して見てもらうWebサイトか、予約やデータ管理などの機能を使ってもらうWebアプリかです。その用途を起点に、必要な構成、無料枠の適用条件、運用費用を確認すると、公開先を絞りやすくなります。

Webサイトを静的なファイルとして公開するなら、CloudflareやNetlifyが候補です。Webアプリでは、サーバーやDBの要件と運用費用を確認します。東京リージョンで小規模に始めたい場合は、アプリ1台の基本料$3／30日から利用できるKamuiDashが候補になります。DBや従量分などは別途見積もります。[18][19] 同じくWebサーバーを動かす選択肢としてRender、Railway、Heroku、Fly.ioも比較します。Next.jsでWebアプリを作る場合はVercelも候補になり、LovableやReplitで開発済みなら付属の公開機能も利用できます。

比較するのはCloudflare、Vercel、Netlify、KamuiDash、Render、Railway、Heroku、Fly.io、Replit、Lovableの10サービスです。比較対象には本ブログを運営するKamuiDashも含み、各社の公式資料に基づいて対応構成・料金・利用条件を整理しています。

対象は小規模なWebサイトと、ブラウザで使うWebアプリです。スマートフォンのネイティブアプリ配信やGPUでのモデル実行は含みません。AWSやGoogle Cloud、Firebaseなどにも選択肢はありますが、本記事では初めての公開先として検討しやすい10サービスを取り上げます。

WebサイトとWebアプリで、必要なものを整理する

会社案内、サービス紹介、ブログなど、情報を掲載して見てもらう用途が中心ならWebサイトとして考えます。予約、会員向けサービス、業務データの登録・編集など、利用者が機能を操作する用途が中心ならWebアプリとして考えます。

この区分は用途を整理するもので、静的配信かサーバー実行かを一律に決めるものではありません。WebサイトでもCMSなどの構成によってサーバーが必要になり、Webアプリでも計算ツールのようにブラウザだけで動くものは静的配信で公開できます。

Webサイトでは、完成したHTML・CSS・JavaScriptを配信すればよいのか、ページの表示時にサーバー処理が必要なのかを確認します。Webアプリでは、画面に加え、ログイン、サーバー処理、DB、ファイル保存先など、必要な機能をどこで動かすかまで整理します。

Next.jsは、WebサイトやWebアプリを作るためのフレームワークです。用途とは別に、実装方法の一つとして扱います。Next.jsでも静的なファイルに書き出せる構成があるため、採用しているという理由だけで公開先が決まるわけではありません。AIには「このサイトやアプリの公開に必要な、画面・サーバー・DB・ファイル保存先を説明して」と聞くと、確認の手掛かりになります。

10サービスをコストと機能・運用条件で比較

コスト：基本料金・無料枠・追加料金

金額は米ドル・税抜です。月額は月払いの表示額を使い、KamuiDashは30日単位で記載しています。Fly.ioのVM料金例も30日間の連続稼働換算で、地域によって異なります。基本料金だけでなく、利用量に応じた追加料金も比較する必要があります。 開発機能を含む契約とサーバー単体の料金では含まれる機能が異なるため、開始額だけで総費用の優劣は決まりません。参照番号から、本文末尾の公式資料へ移動できます。

従量課金：含有枠と追加単価の例

以下は代表的な費目の比較です。請求全体の見積もりには、利用するDB・ストレージ・有料オプションなども含めます。単位や計測方法が違うため、同じ数値のリクエストや処理時間でも同一の負荷・機能を意味しません。

Fly.ioの$2.19は米国の最安地域におけるVM単体の例で、東京リージョンの見積額ではありません。Managed PostgresのBasicは$38／月からで、ストレージは別途$0.28／GB月です。DB付きの構成はVMの開始額だけで判断せず、停止中にも残る費目を含めて見積もります。[35]

VercelのCDNにはFlat Rate CDNという定額容量方式もあり、Functionsの従量料金とは別に確認する必要があります。定額容量を超えた場合の次回請求期間の扱いや対象外の用途もあるため、CDNの費用を一律の転送単価だけで見積もることはできません。[5]

KamuiDashのオブジェクトストレージは、保管$0.025／GB月、書き込み・API一覧取得$0.00001／操作、読み取り・HEAD $0.000004／操作、ダウンロードURL発行$0.00003／発行です。無料枠はなく、トライアル中も課金対象です。サーバー基本料や通信の無料枠とは別に見積もります。[18]

Webサイトの静的配信では、配信基本料に加えて転送量と更新回数を比較します。Webアプリでは、DB・ファイル保存・処理量を含めた構成全体の費用を確認します。ReplitとLovableの契約には開発機能も含まれるため、ホスティングだけの料金として扱わないようにします。

機能・運用：サーバー処理・DB・稼働条件

Webアプリでは、必要な処理を実行できるか、データをどこに保存するか、どの条件で休止するかを比較します。下の表は主な構成例で、各サービスの全機能を網羅したものではありません。DBは作成や連携の方法を示しており、アプリ料金への包含を意味しません。

常時動かす必要がある処理と、呼び出されたときだけ動けばよい処理では、適した実行方式が変わります。初回公開の手軽さだけでなく、この稼働方式とデータ保存先をそろえて候補を絞ります。

Webサイトの公開先：静的配信ならCloudflareやNetlify

会社案内や紹介ページなどをHTML・CSS・JavaScriptとして配信するなら、Cloudflare Workersの静的アセット配信が候補になります。静的アセットへのリクエストは無料・無制限とされており、静的配信を中心とした構成では、その部分の費用を抑えられます。

アプリ全体の費用には、Workerでの動的処理、DB、ファイル保存先なども含める必要があります。Workerを先に実行する設定やWorkers Cachingを使う場合も、静的ファイルへ直接アクセスする場合と課金条件が変わります。Cloudflare料金

Netlifyは、変更版を本番公開する前に確認できるDeploy Previewを備えています。更新ごとの確認環境を重視する場合の候補です。現行のクレジット制では本番デプロイにも消費があるため、アクセス量に加えて更新頻度も見積もりに含めます。Netlify料金

CMSなどでページを生成するWebサイトでは、その処理をどこで行うかも確認が必要です。静的なファイルを配信するだけで足りる構成か、公開先でサーバーを動かす構成かに応じて、利用する機能やサービスを選びます。

Webアプリの公開先：サーバー・DB・開発方法に合わせる

予約システムやデータ管理ツールなどのWebアプリでは、画面の配信に加えて、必要な処理とデータの保存先をそろえる必要があります。利用する言語やフレームワーク、開発環境によって、適した公開方法が変わります。

KamuiDash：東京リージョンで、アプリ1台の基本料$3／30日から

FastAPIやExpressなどで作ったWebアプリを、手頃な基本料金で東京リージョンに公開したい場合は、KamuiDashが候補になります。アプリ1台の基本料は$3／30日からです。Node.js・Python・Ruby・Goに対応し、GitHubからWebサーバーをデプロイして、マネージドPostgreSQLと組み合わせられます。[18][19]

アプリは東京リージョンで稼働し、アクセスがないことを理由に自動休止しません。小規模なAPIや予約・データ管理アプリで、無アクセス後の起動待ちを避けたい場合にも向いています。メンテナンスや障害などによる再起動・再配置は発生する場合があります。[19]

サーバーの基本料は1台$3／30日から、DBは$6／30日からです。最小構成のアプリとDBを組み合わせると基本料は$9／30日、独自ドメイン1つを加えると$10／30日になります。これに無料枠を超えた従量料金や、利用するストレージなどの料金を加えて見積もります。最小アプリのメモリは256MiBです。30日間の無料トライアルでは対象アプリ・DBの基本料が無料になりますが、従量分やオプションには別の条件があります。[18][19]

日本発のPaaSで、日本語のドキュメントと日本語での問い合わせ対応も用意されています。[30][31]

Next.jsで作るなら、Vercelも候補になる

VercelはNext.jsのデプロイ手順と機能別の対応を公式に案内しています。Next.jsのサーバー機能を使うアプリでは、必要な機能の対応を確認しながら公開準備を進められるため、有力な候補になります。Next.js on Vercel

プラン選定では、無料のHobbyが個人の非商用利用に限られる点に注意が必要です。仕事や収益化を前提にする場合は、Proなど用途に合うプランで見積もります。アクセス数が少なくても、無料プランの用途制限は確認する必要があります。Hobbyの利用条件

CloudflareもNext.js向けの公開手順を提供しています。Cloudflareの他の機能と組み合わせたい場合や、課金体系を比較したい場合の選択肢です。両者を比較する際は、必要なフレームワーク機能や依存ライブラリへの対応も確認します。CloudflareのNext.jsガイド

Cloudflareでサーバー処理を動かす場合、WorkersにはNode.jsと互換性のあるAPIと、部分対応のAPIがあります。使用するライブラリの対応を確認し、移行に修正が必要ならその工数も含めて他の公開先と比較します。Node.js互換性

Render・Railway：実行方式や課金体系を比較したい場合

KamuiDashと合わせて比較する候補が、RenderやRailwayです。WebサーバーとDBを組み合わせる構成について、サービス種別やリソースの選び方、課金体系を比べられます。

RenderにはWebサービス、バックグラウンドワーカー、DBなどの種別があり、処理の役割に応じて選択できます。無料Webサービスは15分アクセスがないと休止し、復帰にはおよそ1分かかると説明されています。無アクセス後の起動待ちを避ける必要がある場合は、有料Webサービスが候補になります。この休止条件は無料Webサービスのもので、静的サイトの配信とは異なります。サービス種別・無料Webサービスの制約

RailwayのHobbyは、月額最低$5に$5分のリソース利用を含む仕組みです。公式の例では、リソース利用が$3なら支払額は$5、$8なら$8です。最低支払額を超える利用があれば費用が増えるため、APIとDBなど、構成全体の使用量から見積もります。料金の仕組み

比較のポイントは、Renderでは必要なサービス種別とインスタンスを選び、Railwayではリソース使用量に基づく費用を確認することです。いずれもDBの保存量やバックアップなどを含めて検討します。常駐Botを動かす場合は、HTTPリクエストに応答するWebサービスと常駐プロセスを区別し、対応する実行方式を選ぶ必要があります。

Heroku：DynoとDB・アドオンを組み合わせる

Herokuでは、Dynoという実行単位でWebサーバーやバックグラウンド処理を動かし、Heroku Postgresなどを組み合わせます。Ecoは月$5で1,000 Dyno時間をアカウント内で共有する方式ですが、Web Dynoは30分間アクセスがないと休止します。継続稼働が必要なら、無アクセスを理由に休止しないBasicなどを検討します。[32][34]

Basicは1 Dynoあたり最大$7／月、Postgres Essential-0は最大$5／月なので、この組み合わせを1か月動かす場合は計$12を起点に見積もります。BasicなどのDynoやDBは稼働期間に応じた計算で、アドオンには別料金や従量分があります。Ecoの月額契約と同じ課金方式ではありません。[33]

Fly.io：VMの配置や自動停止を設定して使う

Fly.ioは、Fly MachinesというVMでアプリを動かすサービスです。VMのサイズやリージョン、自動停止・再起動の設定を選んで運用したい場合に候補になります。自動停止で稼働時間を減らせますが、停止・中断中もrootfsやVolumeの料金は残ります。[35][37]

DBにはManaged Postgresを利用できます。VM上にPostgresを置いて自分で管理する方式とは運用範囲と料金が異なるため、同じDB構成として比較しないようにします。初回の無料体験も、VM合計2時間または7日間の早い方までで、継続利用できる無料VM枠とは区別が必要です。[35][36]

Lovable・Replit：開発環境からそのまま公開

LovableやReplitで開発したアプリは、その環境の公開機能も候補になります。別サービスへ移す際に必要となる環境変数、ビルド方法、DB接続などの設定作業を抑えられる点が利点です。試作品を公開し、利用者の反応を確かめたい段階に適しています。

Replitには、アクセスに応じて動くAutoscale、継続稼働向けのReserved VM、静的配信、定期実行という選択肢があります。アプリに必要な稼働方式を選び、公開後の費用を確認します。Agentと公開後の稼働などがクレジットを共有するため、開発費と運用費の内訳も確認が必要です。公開方式・課金の仕組み

Lovableはホスティングに加え、DB・認証・ストレージなどを備えています。その組み合わせで動いているアプリなら、まとめて使う利便性があります。現行の説明では開発と稼働に共通のクレジット残高を使い、利用量はBuildとRunに分けて確認できます。開発用の契約だけ見て、公開後の費用まで判断しないようにします。組み込みバックエンド・利用量の内訳

Lovableでは残高を使い切ると開発が止まり、公開アプリのAI機能が停止し、組み込みバックエンドを使うアプリも休止します。開発での消費が公開後の稼働にも影響するので、利用枠や追加購入の設定まで確認します。残高枯渇時の動作

開発と公開を同じサービスで進める場合も、継続利用する際の費用と、将来必要になる構成への対応を確認しておくと、移行の要否を判断しやすくなります。

「無料で置ける」より、使い続ける費用を見る

公開後の費用には、サーバーの稼働、DB、ファイル保存、通信などが含まれます。開発用AIの契約料金だけでは運用費用を判断できません。同じサービスでまとめて請求される場合も、開発と運用の利用量を分けて確認する必要があります。

特に、AIで作ったアプリにAI機能があるとは限りません。計算ツールをAIで開発しても、完成したアプリがAIを呼ばなければ、利用者が操作するたびにAIの推論費用がかかる構成にはなりません。一方、文章生成機能を付けたアプリなら、そのAPI料金も見積もります。

課金の仕組みは、更新の仕方にも影響します。たとえばNetlifyの現行クレジット制では、本番デプロイ1回が15クレジット、Freeの月次枠は300です。他の消費をゼロと置いても、20回で300に達します。 これは実測ではなく料金表からの計算です。実際には転送などでも消費し、残高を使い切ると配下のサイトが停止します。変更確認用のDeploy Previewはデプロイ自体の消費が0なので、修正のたびに本番へ出す前提も見直せます。Netlifyのクレジット計算

予算管理では、通知だけを行う設定と、上限到達時にサービスを止める設定を区別します。Railwayなどは上限到達時の停止を案内しています。公開中のアプリで上限を設定する際は、停止の対象と復旧方法も確認が必要です。Railwayの費用制御

引っ越せるのは、コードだけではない

将来、公開先を変更する可能性がある場合は、コードに加えてDBの実データ、アップロードファイル、認証設定などを移せるかも確認します。ソースコードを取得できるだけでは、アプリ全体を別の場所で動かせるとは限りません。

たとえばLovableの公式資料も、Git同期やコードのダウンロードにDBの実データや保存ファイルは含まれず、別途移す必要があると説明しています。DBだけ移しても、認証やストレージなどの代わりまでそろうわけではありません。Lovableの移行・所有権の説明

統合サービスには、認証や保存先を個別に用意する作業を抑えられる利点があります。その利点と移行時に必要な作業を合わせて把握することで、開発初期の手軽さと、継続運用の条件を比較できます。

WebサイトかWebアプリかを起点に、公開先を絞る

Webサイトなら、まず配信方式と更新方法を確認します。静的なファイルとして配信できる場合は、CloudflareやNetlifyが候補です。CMSなどでサーバー処理が必要なら、その実行環境も含めて選びます。

Webアプリなら、画面に加えてサーバー・DB・認証・ファイル保存などの要件を整理します。東京リージョンで小規模に始めるなら、アプリ1台の基本料$3／30日からのKamuiDashが候補になります。DBや従量分などを含めて、構成全体の費用を見積もります。[18][19] 実行方式や課金体系はRender・Railway・Herokuとも比較でき、VMの配置や自動停止を設定したい場合はFly.io、Next.jsで作る場合はVercelも候補に入ります。LovableやReplitで開発済みなら、付属の公開機能を使う方法もあります。

選定は、画面・サーバー・DB・ファイル保存先を書き出すことから始めます。その構成を動かせる候補を絞り、商用利用などの用途に合うプランで、公開後の費用と無料枠を超えた際の動作を確認します。

初回公開の手軽さに加え、更新方法、料金の確認方法、データの保存先まで把握できることが、運用を続けるための選定基準になります。

参照資料

仕様・料金・サポート内容の参照元です。

1. Cloudflare Workers — Pricing
2. Vercel — Pro Plan
3. Vercel — Hobby Plan
4. Vercel — Fluid compute pricing
5. Vercel — Flat Rate CDN
6. Netlify — Pricing
7. Netlify — How credits work
8. Render — FastAPI deployment options（有料Webサービス開始額）
9. Render — Deploy for Free
10. Render — Outbound Bandwidth
11. Render — Build Pipeline
12. Railway — Pricing Plans
13. Replit — Pricing
14. Replit — Publishing costs
15. Lovable — Pricing
16. Lovable — Credits and usage
17. Lovable — Credit top-ups
18. KamuiDash — 料金とプラン
19. KamuiDash — 公式サイト
20. Cloudflare — D1
21. Vercel — Storage overview
22. Netlify — Functions overview
23. Netlify — Data and storage overview
24. Render — Services and Service Types
25. Railway — Databases
26. Railway — Serverless
27. Replit — Publishing
28. Replit — Database
29. Lovable — Built-in backend
30. KamuiDash — 日本語ドキュメント（日本発PaaSの説明）
31. KamuiDash — 日本語でのお問い合わせ対応（公式FAQ）
32. Heroku — Pricing
33. Heroku — Usage & Billing
34. Heroku — Eco Dyno Hours
35. Fly.io — Resource Pricing
36. Fly.io — Free Trial
37. Fly.io — Autostop/autostart Machines
38. Render — FAQ（Billing / Compute and storage costs）