事例・基礎知識
ノーコード vs Vibe Coding——2026年のアプリ開発、どちらを選ぶべきか正直に語る
BubbleなどのノーコードとVibe Coding(Bolt.new・Lovable等)の本質的な違いを整理。ノーコードの限界、Vibe Codingが向いているケース、コスト比較、移行の判断基準を解説。
「ノーコードでアプリを作れる時代」と言われ始めて数年。Bubble、Adalo、Glideを試して、途中で壁に当たった人も多いと思う。
2026年現在、ノーコードに代わる選択肢として「Vibe Coding」が急速に広まっている。Bolt.new、Lovable、v0、Claude Code——AIに自然言語で指示してコードを生成するアプローチだ。
「ノーコードの代替」として紹介されることが多いが、これは半分正しくて半分は誤解だ。この2つは「どちらが優れているか」の問題ではなく、「どういう状況に向いているか」の問題だ。
本質的な違い
ノーコードツールは「ツールが用意した部品を組み合わせる」アプローチだ。Bubbleなら、Bubbleが提供するUIコンポーネントとワークフローの組み合わせでアプリを作る。コードは存在しない。
Vibe Codingは「AIにコードを書いてもらう」アプローチだ。結果として通常のソースコード(React、Next.js等)が生成される。
この違いが長期的に決定的な差になる。
| ノーコード | Vibe Coding | |
|---|---|---|
| 成果物 | プラットフォーム上のアプリ | ソースコード(自分で所有) |
| カスタマイズ上限 | ツールの機能範囲 | コードなので理論上無制限 |
| プラットフォーム依存 | あり(移行が困難) | なし |
| エンジニアとの連携 | Bubble専門家が必要 | 通常のエンジニアでOK |
| スケール時の費用 | ユーザー数で急増 | インフラ費用のみ |
ノーコードの限界
ノーコードで始めた人が必ずどこかで当たる壁を正直に書く。
カスタマイズの天井
「ここだけ特殊な動きをさせたい」「このUIをもっとこうしたい」——ツールの範囲内であればできるが、範囲を超えると詰む。Bubbleの場合、カスタムコードを少し書けるが制限が多い。
プラットフォームロックイン
Bubbleで作ったアプリをVercelに移行することは実質不可能だ。ソースコードを取り出せない。これはプラットフォームが値上げしたとき、または機能追加が必要になったときに問題になる。
Bubbleの料金推移を見ると:Starter($32/月)→Growth($134/月)→Team($394/月)。ユーザー数が増えるほど上位プランが必要になる。
エンジニアを採用できない
事業が成長して「開発チームを作りたい」と思っても、「Bubble専門エンジニア」の市場は非常に小さい。Next.jsエンジニアなら大勢いるが、Bubbleエンジニアは希少だ。
パフォーマンスの限界
ノーコードツールは汎用的に作られているため、表示速度に限界がある。ユーザーが増えると遅くなりやすく、最適化の手段が限られる。
Vibe Codingの現実的な立ち位置
Vibe Codingで解決できるノーコードの問題:
- ソースコードを所有できる(プラットフォームロックインがない)
- Next.jsエンジニアを採用できる
- カスタマイズに上限がない
- パフォーマンスを自分で最適化できる
解決できない問題:
- AIが生成した「動くコード」をそのまま本番に出せるわけではない(セキュリティ・品質の問題)
- プログラミングの知識がゼロだと、エラーが起きたときの対処が難しい
「ノーコードの手軽さで、コードの自由度が得られる」は、プロトタイプを作る部分については正しい。本番品質にするには追加の工程が必要だ。
どちらを選ぶべきか
ノーコードが向いているケース
- 社内5人以下で使う簡単なツール
- 半年以内に終わる一時的なプロジェクト
- 絶対にプログラミングに関わりたくない
- スケールする予定がない
Vibe Codingが向いているケース
- 顧客向けサービスとして提供する
- 将来的にエンジニアを採用したい
- 独自のUI/UXが必要
- ユーザーが増えることを想定している
- 長期的なコストを抑えたい
正直に言う。2026年現在、スタートアップや新規事業のMVPにノーコードを選ぶ理由は薄くなっている。 LovableやBolt.newはノーコードとほぼ同じ手軽さで始められるが、ソースコードを所有できてエンジニアが採用できる状態になる。
ノーコードが今でも有利なのは「コードに関わりたくない人が社内ツールを作る場合」に限られる。
コスト比較(5年間)
| Bubble Pro | Vibe Coding + 本番化 | |
|---|---|---|
| 初期費用 | 0円 | 50〜150万円 |
| 月額(初年度) | 約2万円 | 約3,000〜7,500円 |
| ユーザー100人時の月額 | 約4万円 | 約5,000〜1万円 |
| 5年間の合計 | 120〜240万円以上 | 90〜200万円(追加開発含む) |
長期で見るとコストはほぼ同じか、Vibe Codingの方が安くなるケースが多い。初期費用の差は、長期のランニングコストで回収できる。
ノーコードからVibe Codingへの移行
すでにノーコードで動いているアプリをVibe Codingに移行するケースも増えている。
移行を考えるタイミング
- ノーコードの月額費用が5万円を超えた
- 「この機能はノーコードでは作れない」と言われた
- エンジニアを採用したいがノーコード専門家が見つからない
- プラットフォームの値上げや規約変更に不安を感じている
移行の進め方
ゼロから作り直す必要はない。ノーコードアプリの画面キャプチャをv0に渡すと、同じUIをReact/Next.jsのコードとして再現できる。そこからSupabaseと接続して機能を実装する。
移行はユーザーが少ないうちにやる方が楽だ。ユーザーが増えてからの移行は、データ移行と並行稼働が必要になる。
よくある質問
ノーコードはもう使わない方がいいですか?
「社内の簡単なツール」「スケールしない小さいプロジェクト」なら今でも有効な選択肢だ。ただし、顧客向けサービスや将来的にエンジニアを入れたい場合は、最初からVibe Codingで作った方が後悔しにくい。
Vibe Codingを使うにはプログラミングの知識が必要ですか?
プロトタイプを作るだけなら不要だ。LovableやBolt.newは日本語で指示するだけで動くアプリが生成される。本番化の工程(セキュリティ確認、インフラ構築)はプログラミングの知識が必要になるため、この部分は専門家に依頼するのが現実的だ。
BubbleからLovableへの移行は大変ですか?
アプリの複雑さによる。シンプルなCRUDアプリなら、Lovableで同等のものを数日で作れる。複雑なワークフローがある場合は、再実装の工数がかかる。まずLovableで試作して、既存のBubbleアプリと比較してみると判断しやすい。
「今ノーコードを使っているが限界を感じている」「Vibe Codingで作ったが本番化のやり方がわからない」——そういう相談を受け付けている。
AIのあとしまつでは、ノーコードからVibe Codingへの移行相談と、Vibe Codingで作ったアプリの本番化サポートを行っている。まずは無料相談で現状を整理しよう。