デプロイとは？個人開発アプリを無料で公開する方法&比較｜診断ツール付き

こんにちは、ハックです。AIを相棒に、プログラミング未経験から今では様々なツールやアプリを開発している一人社長です。

「デプロイって何をすること？」

「作ったアプリを無料で公開したいけど、どこに置けばいいの？」

AIでアプリを作り終えて、次にここで手が止まった人が多いと思います。

僕はCloudflare・Vercel・VPS（レンタルサーバー）を使い分けて、アプリやツールを公開しています。その経験から言うと、練習なら無料のデプロイ先で十分で、最初に選ぶ1つはCloudflareがおすすめです。

ただし、広告や販売などでお金を稼ぐ段階になると、無料プランのままでは規約に引っかかるサービスがあります。

この記事では、デプロイの意味から、無料のデプロイ先の比較、商用利用の注意点、Cloudflareで公開する手順までを順番にまとめます。

---

🧭 読み終えたとき、あなたはこうなっています

⚠️ この記事の信頼性について

デプロイとは？Webアプリの公開方法をわかりやすく解説

デプロイとは、自分のパソコンの中で動いているアプリを、インターネット上のサーバーに置いて、URLで誰でも見られる状態にすることです。

「公開する」「本番環境に反映する」と言い換えられます。

AIでアプリを作った直後は、そのアプリはあなたのパソコンの中でしか動いていません。たとえばせっかく作ったアプリのローカルアドレスを友達に送っても、開いてもらえない状態です。

デプロイをすると、デプロイ先のサービスから専用のURLが発行されます。そのURLを送れば、世界中の誰でもアプリを開けます。

アプリの作り方そのものは、以下の記事で解説しています。

あわせて読みたい

バイブコーディングとは？できること・始め方を非エンジニアや初心者向けに解説 バイブコーディングとは何かを、非エンジニアの視点で整理しました。できること、始め方の4ステップ、道具の選び方まで解説します。公開するときの注意点も調査データつきで分かり、任せていい範囲を線引きできます。

デプロイとサーバーの関係

サーバーとは、インターネット経由で送られてくる「見せてほしい」というリクエストに、アプリやページを返すコンピューターのことです。

デプロイ先を選ぶことは、そのサーバーを誰に用意してもらうかを選ぶことと同じです。

選び方は大きく2つに分かれます。

初心者がまず選ぶのは、1つ目のデプロイ用サービスです。無料で始められて、サーバーの設定を覚える必要がありません。

公開する前に、まだ作るアプリが決まっていない場合は、個人開発のアイデアの見つけ方を以下の記事でまとめています。

あわせて読みたい

個人開発のアイデアが出ない人へ｜AIで作るアプリの最初のアイデア出しと選び方 AIを使った個人開発のアイデアが出ない初心者向けに、アイデアの出し方、自分の知識とAIで考える出し方をわかりやすくまとめました。ChatGPTとGeminiに議論させるプロンプトや、作る前に選ぶ3つの基準、AIで作れるアプリのアイデア例も解説します。

個人開発のデプロイ先はアプリの種類と技術スタックで変わる

デプロイ先は、アプリがサーバー側で何かの処理をするかどうかで決まります。

作ったアプリがどちらなのかは、AIに「このアプリは静的サイトですか？サーバー側の処理はありますか？」と聞けば教えてくれます。

静的サイト・フロントエンドだけのアプリ

静的サイトとは、HTML・CSS・JavaScriptのファイルをそのまま表示するだけのサイトのことです。フロントエンドとは、ブラウザの画面側の部分を指します。

ポートフォリオ、ランディングページ、電卓や診断ツールのような「画面の中だけで完結するアプリ」が当てはまります。

このタイプは、Cloudflareで公開できます。

Cloudflareの料金ページには、静的アセット（画像やHTMLなどのファイル）へのリクエストは無料・無制限と書かれています。

バックエンド・データベース（DB）が必要なアプリ

バックエンドとは、ログインの確認、データの保存、外部サービスとの連携など、画面の裏側で動く処理のことです。

会員登録のあるアプリ、投稿を保存するアプリ、決済をするアプリは、こちらに当たります。

このタイプでは、2つのことを決めます。

データベースの置き場はデプロイ先とは別に選べます。

まず「静的サイトか、裏側の処理があるか」だけ決めておけば、次の章の比較が読みやすくなります。

無料で使える定番のデプロイ先（ホスティングサービス）

アプリを置いて公開してくれるサービスを、ホスティングサービスとも呼びます。

無料で始められるデプロイ先は、いくつもあります。ここでは、個人開発でよく使われる順に紹介します。

数字は、各サービスの公式ページの原文に基づく2026年10月時点のものです。

各サービスのくわしい使い方は、別の記事で1つずつ解説する予定です。この記事では、選ぶための違いに絞ります。

Cloudflare（Pages・Workers）

Cloudflare（クラウドフレア）では、アプリを公開するサービスのPagesとWorkersを、無料プランで使えます。

Workersは、サーバーを自分で用意せずにプログラムを動かせる「サーバーレス」の仕組みです。

僕が最初におすすめするのは、このCloudflareです。理由は、商用の面でもコスト面でも、あとで困りにくいからです。

無料プランの主な制限は、次の通りです。

有料にするときは、Workers Paidが最低月5ドル（月1,000万リクエスト込み）です。

商用利用については、後の章で規約の原文つきで説明します。

Cloudflareの料金・制限の原文は、以下です。

Cloudflareの詳しい使い方は、別の記事で解説する予定です。🔗（現在作成途中・公開後リンク予定）

Vercel

Vercel（ヴァーセル）は、Reactの上に作られた開発フレームワーク「Next.js」を作っている会社のサービスです。画面の使いやすさと、公開までの速さが魅力です。

僕も使っていて、使いやすいサービスだと感じています。無料プランはHobbyで、枠は次の通りです。

有料のProは、月20ドルです。料金ページには、Developer seat（開発メンバー用の席）が1人あたり月20ドルと書かれています。

大事なのは、無料のHobbyプランは商用利用ができない点です。広告や販売をする場合は、Pro以上が必要になります。詳しくは、後の章で原文を引用して説明します。

Vercelの料金ページは、以下です。

あわせて読みたい

Vercel Pricing: Hobby, Pro, and Enterprise plans From early-stage startups to growing enterprises, Vercel has you covered. Find a plan to power your projects.

Netlify

Netlify（ネトリファイ）は、静的サイトの公開で早くから知られているサービスです。

料金ページには、次のプランが載っています。

プラン	月額	月のクレジット
Free	0ドル	300
Personal	9ドル	1,000
Pro	20ドル	–

Personalには、Priority email support（優先メールサポート）とSmart secret detection（コード内の秘密情報の検出）が付くと書かれています。

商用利用については、料金ページに、無料プランの商用利用を禁じる記載はありません（2026年10月時点）。

Netlifyの料金ページは、以下です。

あわせて読みたい

Pricing and Plans | Netlify Find the right Netlify platform plan to fit your business needs. Our plans include value for developers and enterprise teams alike.

その他（Render・Google Cloud Run・Firebase）

この3つは、バックエンドのあるアプリで候補になります。

Renderは、サーバー側のアプリを置けるサービスです。無料プラン（Render Free）には、次の制限があります。

ユーザーが最初にアクセスしたときに1分待たされるため、公開用のアプリには向きません。

Google Cloud Runは、Googleのクラウドでアプリを動かすサービスです。リクエストベースの課金の無料枠は、月200万リクエスト、36万GB秒、18万vCPU秒、北米からの送信1GBです。

Firebaseは、Googleのアプリ開発用のサービス群です。ログインやデータ保存をまとめて提供しています。

Render・Cloud Run・Firebaseは、仕組みが少し複雑です。この記事では詳しく扱わず、別の記事で解説する予定です。

Renderの無料プランの原文は、以下です。

Render

Deploy for Free Spin up basic web services and datastores at no charge. Explore new tech, build personal projects, and preview Render's developer experience.

無料プランの料金・制限・商用利用を比較

デプロイ先を選ぶとき、「無料かどうか」だけで決めると、あとで困ります。

確認するのは、次の3点です。

この章が、この記事のいちばん大事なところです。

Vercelの無料プラン（Hobby）は商用利用できない

Vercelの公式ドキュメント（公正利用ガイドライン）には、次の一文があります。

日本語にすると、「Hobbyは、非商用の個人利用に限る。商用利用はすべて、ProかEnterpriseが必要」です。

では、何が「商用」にあたるのでしょうか。公式ドキュメントには、次の例が書かれています。

つまり、アプリやサイトに広告を載せた時点で、Hobbyは規約違反になります。

一方で、寄付の募集は商用にあたらないとも明記されています。

自分の趣味のアプリを無料で公開するだけなら、Hobbyで問題ありません。お金を稼ぐ仕組みを入れるなら、Pro（月20ドル）が必要です。

原文は、以下で確認できます。

あわせて読みたい

Fair Use Guidelines Learn how Vercel applies fair use guidelines across plans and usage-based resources.

比較表：無料枠・有料プランの料金・スリープの有無

ここまでの内容を、1つの表にまとめます。

サービス	無料枠	スリープ	商用利用（無料プラン）	有料プラン
Cloudflare	Workers：1日10万リクエスト／Pages：ビルド月500回	記載なし	商用を禁じる記載は料金・制限ページに無い（※）	Workers Paid：最低月5ドル
Vercel	月100GB転送・関数の呼び出し月100万回	記載なし	Hobbyは不可（広告掲載も商用扱い）	Pro：月20ドル
Netlify	月300クレジット	記載なし	無料プランの商用利用を禁じる記載は無い	Personal：月9ドル／Pro：月20ドル
Render	月750時間	15分アクセスがないとスリープ、復帰に約1分	–	–
Google Cloud Run	月200万リクエストなど	–	–	–

「記載なし」は、原文に書かれていないという意味で、「スリープしない」と保証するものではありません。「–」は、この記事で扱っていない項目です。

※Cloudflareは、利用規約（https://www.cloudflare.com/terms/ の2.2.1(h)）に、次の条項があります。

無料サービスを使っているサイト上で、クレジットカード情報を処理・収集することを禁じる内容です。

この条項は、商用利用そのものを禁じる内容ではありません。

ただ、無料サービスを使っているサイトでカード情報を処理・収集することは、規約で禁止されています。

決済をつけるなら、Stripeのような外部の決済ページへ移動する形にして、カード情報を自分のアプリでは受け取らない設計にします。

この表の読み方は、次の3つです。

ただし、規約は改定されます。

実際に商用で使う前に、各サービスの規約ページを自分の目で読み直してください。

自前サーバー（VPS）でデプロイするメリット・デメリット

VPS（Virtual Private Server）は、1台のサーバーを仮想的に区切って、自分専用として借りられるサービスです。

僕は、Cloudflare・Vercelに加えて、VPS・レンタルサーバーも使っています。PHPで動くサイトは、シンレンタルサーバーに置いています。

代表的なVPSには、🔗シンVPS（現在作成途中・公開後リンク予定）と、🔗さくらのVPS（現在作成途中・公開後リンク予定）があります。

料金は、公式ページに次のように載っています。

サービス	メモリ	月額（換算）	年額
さくらのVPS	512MB	590円	7,078円
さくらのVPS	1GB	807円	9,680円
さくらのVPS	2GB	1,594円	19,118円
シンVPS	1GB	451円（36か月契約の場合）	–
シンVPS	2GB	950円	–
シンVPS	4GB	1,350円	–

シンVPSは、公式トップの注記に「大容量メモリ1GBプラン・36ヶ月契約時の価格」とあります。2GB・4GBの価格にも、契約期間などの条件がつきます。契約するときは、料金ページで条件を確認してください。

さくらのVPSの原文は、以下です。

クラウド連携・拡張性を備えた安心...

料金・仕様｜さくらのVPS さくらのVPSの料金プラン・サーバー仕様一覧です。初期費用無料で圧倒的なコストパフォーマンスを実現し、全プランに高速SSDを標準搭載。予算の把握や稟議がスムーズな完全...

シンVPSの原文は、以下です。

コスパ最強のVPS【シンVPS】

シンVPS | コスパ最強のVPS メモリ単価が国内最安値の「1GB 451円」から使える、コスパ最強のVPSサービスです。

VPSのメリット

VPSのデメリット：運用とセキュリティを自分で管理する

VPSが向いている人

次のような人には、VPSが向いています。

アプリを初めて公開する人は、まずCloudflareなどのデプロイ用サービスで始めて、必要になったらVPSに移る流れがおすすめです。

VPSの設定手順は、この記事では扱いません。

【診断ツール】用途別：個人開発でおすすめのデプロイ先

4つの質問に答えるだけで、あなたのアプリに合うデプロイ先が分かる診断ツールです。デプロイ先に迷ったらぜひ活用してみてください。

ここまでの比較を、アプリの種類ごとの早見表にまとめます。

アプリの種類	最初におすすめ	理由
静的サイト・診断ツール	Cloudflare	静的アセットへのリクエストが無料・無制限
ログインやデータ保存があるアプリ	Cloudflare（Workers）＋データベース	1日10万リクエストまで無料。規約の確認もしやすい
広告や販売をするアプリ	Cloudflareか、Vercel Pro	Vercel Hobbyは広告掲載が商用扱い。Proは月20ドル
練習・趣味のアプリ	Cloudflare・Vercel Hobby・Netlify Freeのどれでも	無料枠で足りる
PHPのサイト・常時動かす処理	VPS・レンタルサーバー	デプロイ用サービスが対応しない場合がある

僕自身の使い分けも、この表とほぼ同じです。

迷ったら、まずCloudflareで公開するのが一番簡単です。

理由は、商用で使うときも、有料にするときも、大きな変更が少ないからです。

スマートフォン向けのアプリ（iPhone・Androidアプリ）の公開は、また別の手順になります。🔗（現在作成途中・公開後リンク予定）

無料にこだわりすぎるリスク｜商用でマネタイズするなら有料プランへ

結論は、練習は無料で十分。稼ぐ段階になったら有料プランへ切り替えるです。

無料にこだわりすぎると、次の3つのリスクがあります。

リスク1：規約違反になる

Vercelの無料プラン（Hobby）で広告を載せると、規約違反になります。

収益化を始める前に、プランを切り替えておくと安心です。

僕は、Vercelの商用不可のために、移行したり、最初から避けたりしてきました。無料のまま使い続けようとすると、あとで作り直す手間のほうが大きくなります。

リスク2：スリープや上限で止まる

無料プランには、止まる条件があります。

僕も、無料枠の制限やスリープで困った経験があります。

自分のアプリを見た人が、真っ白な画面を前に待たされるのは避けたい状況でした。

Cloudflare Workers Freeの上限は、1日10万リクエストです。アクセスが増えてきたときに初めて、有料プランを考えれば十分です。

リスク3：有料プランに付く機能を使えない

有料プランには、無料プランにない機能が付くことがあります。

たとえばNetlifyのPersonal（月9ドル）には、Priority email support（優先メールサポート）と、Smart secret detection（コード内の秘密情報の検出）が含まれます。

アプリに会員や決済があるなら、こうした機能に月数千円を払う価値はあります。

有料プランへ切り替える判断基準（コストと運用）

どのタイミングで有料にするのか、基準を3つにまとめます。

有料にするときの金額は、次の通りです。

サービス	有料プラン	月額
Cloudflare	Workers Paid	最低5ドル
Vercel	Pro	20ドル
Netlify	Personal／Pro	9ドル／20ドル

同じ有料プランに切り替えるなら、僕はCloudflareのほうがコスパがいいと感じています。

最低5ドルから始められて、Vercel Proの月20ドルの4分の1で済むためです。

ただし、プランの中身は同じではありません。Workers Paidの月5ドルには一定の利用量が含まれていて、超えた分に追加の課金がかかる仕組みです。

自分のアプリの規模に合わせて、料金ページの条件を確認してください。

Webアプリをデプロイする手順と公開前のチェック項目

ここからは、実際にCloudflareで公開する手順を説明します。

アプリはすでにローカル（自分のパソコン）で動いているという前提です。

GitHubと連携してCloudflareに公開する手順

アプリのフォルダをGitHubのリポジトリ（保存場所）にアップロードします。操作が分からなければ、AIに「このフォルダをGitHubにアップロードする手順を教えて」と聞くと案内してくれます。

メールアドレスで無料登録します。

Cloudflareのダッシュボード（管理画面）にある、Workers & Pagesの項目から、新しいプロジェクトを作ります。

GitHubのアカウントとCloudflareを連携して、公開したいリポジトリを選びます。

アプリがNext.jsやViteなどのフレームワークで作られているなら、フレームワークの種類を選びます。分からなければ、AIに「ビルドコマンドと出力先のディレクトリを教えて」と聞いてください。

保存すると、自動でビルドと公開が始まります。完了すると、専用のURLが発行されます。

以降は、GitHubにコードを更新して保存するたびに、自動で公開が更新されます。

画面の表示や項目名は、Cloudflare側の更新で変わることがあります。手順の画面と違うときは、Cloudflareの公式ドキュメントを開くか、画面のスクリーンショットをAIに見せて質問してください。

Cloudflareの無料プランの制限は、次のページで確認できます。

Cloudflare Docs

Limits · Cloudflare Pages docs Build, deployment, and custom domain limits for Cloudflare Pages by plan type.

公開前のチェック項目（環境変数・独自ドメイン・規約）

URLを人に送る前に、次の4つを確認します。

環境変数とは、パスワードやAPIキーなど、コードに直接書いてはいけない設定値のことです。コードに書いたままGitHubに保存すると、誰でも読める状態になります。デプロイ先の設定画面に、環境変数として別に登録します。

デプロイ先が発行するURLのままでも公開はできます。名刺やサービス名として使うなら、独自ドメイン（自分の名前のURL）を取得して設定します。

公開したURLを、自分のスマートフォンで開いて確認します。

広告や販売をする場合は、この記事の比較表と、各サービスの規約を読み直します。無料サービスを使うサイトでカード情報を処理・収集することは、Cloudflareの規約で禁止されています。

「公開したのに表示されない」「404（ページが見つからない）と出る」といったエラーは、ビルドの設定か環境変数の登録漏れが原因であることが多いです。

デプロイ先のログ（実行の記録）をAIに貼り付けて、原因を聞くのが早いです。

公開するアプリを作る手順は、以下の記事にまとめています。

あわせて読みたい

Claude Codeでアプリ開発する方法｜初心者が最初の1つを作って公開するまでの全手順 Claude Codeでアプリ開発をする手順を、初心者にもわかりやすくまとめてみました。CLAUDE.mdのひな形と、ToDoアプリを作る5ステップの指示文をコピペ付きで紹介します。Tailwind CSSでのデザイン指定やエラーの直し方も丁寧に解説します。

よくある質問

デプロイとは何ですか？

自分のパソコンで動いているアプリを、インターネット上のサーバーに置いて、URLで誰でも見られる状態にすることです。「公開する」「本番環境に反映する」と同じ意味で使われます。

個人開発のアプリを無料で公開できますか？

できます。Cloudflare・Vercel・Netlifyには無料プランがあります。静的サイトなら、Cloudflareは静的アセットへのリクエストが無料・無制限です。ただし、広告や販売をする場合は、サービスごとの商用利用の規約を確認してください。

Vercelの無料プランは商用利用できますか？

できません。Vercelの公式ドキュメントでは、Hobbyは非商用の個人利用に限るとされていて、AdSenseなどの広告掲載や、商品・サービスの販売の宣伝も商用にあたります。商用利用にはPro（月20ドル）以上が必要です。

寄付の募集は、Vercelの無料プランでできますか？

できます。Vercelの公式ドキュメントでは、寄付の募集は商用にあたらないと明記されています。

Cloudflareの無料プランは商用利用できますか？

料金・制限のページに、商用利用を禁じる記載はありません。ただし、利用規約で、無料サービスを使うサイト上でクレジットカード情報を処理・収集することは禁止されています。決済は、外部の決済ページに移動する形にします。

無料のデプロイ先で、アクセスが増えたらどうなりますか？

無料枠の上限に達します。Cloudflare Workers Freeは1日10万リクエストまでです。上限を超えるようになったら、Workers Paid（最低月5ドル）などの有料プランに切り替えます。

VPSと、CloudflareやVercelは何が違いますか？

VPSは、自分でサーバーを借りて、設定も管理も自分でします。CloudflareやVercelは、GitHubとつなぐだけで公開できて、サーバーの管理はサービス側が担当します。初心者は、デプロイ用サービスから始めるのがおすすめです。

Renderの無料プランは、公開用のアプリに向いていますか？

向いていません。15分間アクセスがないとスリープして、復帰に約1分かかります。月750時間を超えると、翌月まで停止します。

まとめ｜練習は無料のデプロイ先で十分。稼ぐ段階でCloudflareなど有料プランへ

僕の考えは、練習のアプリは無料のデプロイ先で十分で、広告や販売を始めるときに有料プランへ切り替えるというものです。

同じ有料プランに切り替えるなら、コスパがいいと感じたCloudflareを選んでいます。

迷ったら、まずCloudflareに1つ公開してみてください。

参考にしたページ

以上、ハックでした！いつも読んでくださり、ありがとうございます🙏

---

AI HACKSでは、AIの活用術、０からの起業・副業・最新のAIトレンドニュースなどをリアルタイムで発信しています。その他、AIで開発した無料アプリ・ツール・プロンプトテンプレートなども随時公開中です。

note (ai_hacks_jp) や、𝕏（@ai_hacks_jp）でも日々、AIの実践情報を投稿しています。