Lovableの使い方｜無料でWebアプリを5分で作る・料金とv0比較【2026】

「アプリのアイデアはある。でもコードが書けない」。ここで詰まってきた人にとって、2026年時点の現実的な答えの一つがLovable（ラバブル）だ。

やることは、ほぼ会話だけ。「こういうアプリが欲しい」と日本語で打ち込むと、画面のデザインからデータの保存先、公開用のURLまでAIがまとめて用意する。「プロンプト」とは、AIへの指示文のこと。つまり指示文を投げる→アプリが出てくる、という流れだ。

累計2,500万プロジェクト、評価額66億ドル（約1兆円）。この数字を叩き出したのが「バイブコーディング」の代表格、Lovableである。本記事では使い方・料金・日本語対応・他ツールとの違いを、公開情報ベースで整理した。

この記事のポイント Lovableの使い方（プロンプトでアプリを作る手順）、料金プラン、日本語対応、Bolt.new・v0との違いを2026年6月時点の公開情報で整理。プログラミング不要でWebアプリを作る方法を初心者向けにまとめた。

この記事で答えること

• Lovableとは何か。何ができて、何が苦手か
• 無料枠とクレジット制の仕組み、Pro／Businessの違い（2026年6月時点）
• プロンプトでアプリを作る具体的な手順（5ステップ）
• 日本語で使えるのか、精度はどうか
• Bolt.new・v0とどう違い、どれを選ぶべきか

橋渡しとして、まず全体像を1分で押さえておく。

30秒で結論

細かい話の前に、判断に必要なところだけ先に出す。

• Lovableは「会話だけでWebアプリが作れる」AIプラットフォーム。旧名はGPT Engineer
• 無料は1日5クレジット（月最大30）。Pro（月$25）で月100クレジット。クレジットは作業内容で消費量が変わる（後述）
• コードを書きたくない非エンジニアのMVP作りでは有力。Supabase連携でデータ保存も任せられる
• 2026年3月にWorkspace Knowledge機能を追加。チーム開発のばらつきが減った
• コードも自分でいじりたいならBolt.newやCursor、UI部品だけならv0の方が向く

Lovableとは？バイブコーディングの代表格

Lovableとは、AIへの指示文（プロンプト）を打ち込むだけで、画面・データベース・公開までそろったWebアプリを丸ごと作れるAI開発ツールです。2024年に「GPT Engineer」として始まり、2025年に「Lovable」へ改名した。そこから一気に伸びた。

押さえておきたいのは、Lovableが「フルスタック」を生成する点だ。フロントエンド（ユーザーが見る画面側）だけでなく、バックエンド（データを保存・処理する裏側）まで一度に組み上がる。だから「画面はできたのに保存ができない」で止まらない。

「バイブコーディング（Vibe Coding）」という言葉も覚えておくといい。コードを1行ずつ書くのではなく、「こういう雰囲気（vibe）のアプリが欲しい」とAIに伝えて作るスタイルを指す。Lovableはこの考え方を一番素直に形にしたツールだ。

Lovableでできること

代表的な機能を、よく使う順に並べる。

• Webアプリ全体の生成: 画面側（React + TypeScript）を指示文から丸ごと自動生成
• バックエンド連携: Supabase統合で、ログイン・データベース・API（外部とデータをやり取りする窓口）まで構築
• デプロイまで完結: lovable.appのドメイン、またはお手持ちの独自ドメインでワンクリック公開。「デプロイ」とは、作ったアプリをネット上に置いて誰でも使える状態にすること
• GitHub連携: 生成されたコードを自分の保管庫（リポジトリ）に送り、手元での編集も可能

「リアルタイムプレビュー」も地味に効く。指示を出した瞬間に右側のプレビュー画面へ反映されるので、出来上がりを見ながら会話を続けられる。

Lovableの限界（正直に言うと）

万能ではない。むしろ苦手なところを知っておくほうが、後で損しない。

• ネイティブモバイルアプリ: iOS/Androidの専用アプリは直接作れない（スマホでも動くWebアプリ＝PWAなら可）
• 複雑なバックエンドロジック: 決済処理やリアルタイム通信など、込み入った実装は手作業の調整が要る
• 大規模アプリの保守: 数十画面を超えると、コードの管理が一気に重くなる
• ピクセルパーフェクトなデザイン: Figma級の細密な再現を求めると、たいてい肩透かしを食う

Lovableの正体は「MVP（必要最小限の製品）を最速で立ち上げる」ツールだ。そこから本番品質のサービスに育てるなら、GitHub経由でコードを引き取り、自分で追加開発する前提で考えたほうがいい。最初の一歩は速い。最後の一歩は自分の足で歩く、と思っておくと期待を外さない。

Lovableの料金はいくら？無料枠とクレジット制の中身

Lovableはクレジット制のサブスクリプションだ。AIにメッセージを送って作業させると、その分のクレジットを消費する。ここを誤解しやすいので先に言うと、1メッセージ＝1クレジットの固定ではない。

公式料金ページ（lovable.dev/pricing、2026-06-28最終確認）によれば、通常モードでは作業の重さに応じて1メッセージあたりおよそ0.50〜1.70クレジットを消費する。一方、計画を立てるPlan Modeは1メッセージ1クレジットで固定だ。つまり、雑な指示で大改修を投げると重く、的を絞れば軽い。

プラン一覧

無料からチームまで、ざっくり4段階。差は「クレジット量」と「チーム機能」に集約される。

Free（無料）

• 月額: ¥0
• クレジット: 1日5（月最大30）＋月20のCloudクレジット
• 制限: lovable.appのサブドメイン5個まで
• 向いている人: お試し、学習用途

Pro（月額$25 / 約¥3,700）

• クレジット: 月100。さらに1日5のビルドクレジット＋月20のCloudクレジットが付く
• 特典: プライベートプロジェクト、独自ドメイン、バッジ非表示、コード編集、クレジット繰り越し、追加購入
• 向いている人: 個人開発者、スタートアップ創業者

Business（月額$50 / 約¥7,400）

• クレジット: 月100ベース（チーム共有の使い方が前提）
• 特典: SSO（社内アカウントで一括ログイン）、チームワークスペース、権限管理（ロールベース）、デザインテンプレート、データ学習オプトアウト
• 向いている人: 複数人で開発するチーム

Enterprise（カスタム価格）

• 専任サポート、オンボーディング、SCIM、監査ログ、パブリッシング管理
• 向いている人: セキュリティ要件の厳しい企業

価格はドル建て（円換算は記事執筆時点の目安）。最新は必ず公式料金ページで確認してほしい。

クレジットの仕組みを理解する

Lovableのクレジットには、知らないと損するクセがある。

• 消費量は作業の重さで変動: 軽い修正は0.5前後、大きめの生成は1.7前後（Lovable公式ヘルプ・2026-06時点）
• 有効期限がある: 月額プランのクレジットは発行から2ヶ月後に失効。年額プランは年間契約の終了後1ヶ月まで
• 日次クレジットは繰り越し不可。その日のうちに使わなければ消える
• 追加購入は50単位: 2026年1月以降、足りなければオンデマンドで買い足せる

繰り越しの上限は意外と短い。「貯めておいて来季に一気に使う」は効かないと思っておくほうがいい。

個人でMVPを1〜2個作るなら、Proの月100クレジットで足りる。落とし穴は「やり直し」だ。曖昧な指示で作り直しを繰り返すと、クレジットは面白いほど溶ける。だから次のプロンプトのコツが、そのまま財布のコツになる。

Lovableの使い方は？プロンプトでアプリを作る5ステップ

登録から公開まで、実際の流れは5つに分かれる。題材は王道の「TODOアプリ」。タスクを足して、消して、フィルタする、あの定番だ。手を動かしながら読むと早い。

ステップ1: アカウント登録

1. lovable.dev にアクセス
2. 「Sign up」をクリックし、GoogleアカウントまたはGitHubアカウントで登録
3. ダッシュボードが表示されれば完了

クレジットカードはいらない。無料プランのまま、その場で作り始められる。

ステップ2: プロジェクト作成とプロンプト入力

「Create New Project」をクリックして、作りたいアプリの説明を入力します。

シンプルなTODOアプリを作ってください。

• タスクの追加・完了・削除ができる
• カテゴリー（仕事・プライベート・勉強）でフィルタリングできる
• 完了したタスクは取り消し線で表示
• デザインはミニマルでモダンな雰囲気
• カラーはネイビーとホワイトベース

送信すると、AIがコードを書き始める。右側のプレビューに、できあがっていくアプリがそのまま映る。生成にかかるのは、ふつう30秒〜1分ほど。最初の1分で、頭の中のアイデアが画面に立ち上がる感覚は、一度味わうとクセになる。

ステップ3: 対話で調整する

生成されたアプリを見て、修正したい部分をチャットで指示します。

• 各タスクに期限日を追加してください
• 期限が過ぎたタスクは赤色でハイライト
• タスクをドラッグ&ドロップで並べ替えできるようにして

修正指示も基本はクレジットを消費する。だからこそ具体的に。「もっと良くして」は最悪のオーダーだ。「どこを、どう」まで言い切ると、やり直しが減ってクレジットが長持ちする。

ステップ4: バックエンド連携（Supabase）

データを保存したい場合はSupabaseを接続します。

1. チャットで「Supabaseに接続してデータを永続化して」と指示
2. Lovableが自動でSupabaseプロジェクトの作成を提案
3. 案内に従ってSupabaseアカウントを連携
4. テーブル設計や、RLS（行レベルセキュリティ＝誰がどのデータを見られるかの制御）まで、AIが下書きしてくれる

ログイン機能が欲しければ「Googleログインを追加して」と一言。これだけで認証まわりが組み上がる。ただしRLSは後で必ず自分の目で確認すること。理由は後半の注意点で詳しく触れる。

ステップ5: デプロイ（公開）

アプリが完成したら、右上の「Publish」ボタンをクリック。

• 無料プラン: your-app.lovable.app のサブドメインで公開
• Proプラン以上: 独自ドメインを設定できる

ここまでで、アイデアがネット上で動くアプリになった。GitHubへの自動プッシュをオンにしておけば、あとからVercelやCloudflare Pagesに引っ越すのも自由だ。Lovableに縛られない。出口があるのは安心材料になる。

クレジットを節約するプロンプトのコツは？7つの実践テク

Lovableの開発コストは、ほぼクレジット消費量で決まる。逆に言えば、同じ予算で何個アプリを作れるかは「指示文の上手さ」次第だ。ここからは消費を抑える7つの型を挙げる。

1. 最初のプロンプトに全体像を詰め込む

❌ 悪い例（何度もやり直しが必要）: 「TODOアプリを作って」→「カテゴリー追加して」→「色を変えて」→「認証つけて」 = 4クレジット消費

✅ 良い例（1回で伝える）: 「以下の仕様でTODOアプリを作ってください。

• タスクの追加・完了・削除
• カテゴリーフィルタ（仕事・プライベート・勉強）
• ネイビー×ホワイトのミニマルデザイン
• Supabaseでデータ永続化
• Google認証」 = 1〜2クレジット消費

2. Chat Modeで計画を立ててから実装する

Chat Mode（チャットモード）は、コードに手を入れずAIと相談だけできるモードだ。まず「この機能を足すにはどんな実装が要る？」と聞く。納得してからAgent Modeで実装に移す。相談はコードを書き換えないぶん、無駄な消費を抑えやすい。

3. Plan Modeで実装前にレビューする

2026年2月に追加されたPlan Mode。AIが「何をどう変えるか」の計画を先に見せてくれる。大きな改修の前にこれを通すだけで、想定外の作り直しがぐっと減る。

4. フロントエンドファーストで進める

データの保存先（バックエンド）は後回し。まずは画面と操作感を仕上げる。裏側が絡むとエラーが複雑になり、原因探しでクレジットを食う。先に見た目を固めたほうが、結局は安い。

5. バージョンをピン留めする

Lovableは変更履歴をすべて残している。「ここまでは確実に動く」という地点でバージョンをピン留め（Pin）しておこう。失敗しても、そこへ一発で戻れる。命綱だと思っていい。

6. エラー修正は具体的に伝える

エラーは、症状をそのまま渡すのがコツだ。

❌「動かないので直して」 ✅「ログインボタンを押すとコンソールに"TypeError: Cannot read property 'uid' of null"が出る。Supabaseの認証状態のチェックが漏れていそう」

下のほうが、AIは原因にまっすぐ向かう。エラーメッセージはコピペでいい。

7. Workspace Knowledge機能を活用する

2026年3月追加の機能。デザインの決まりごとやコーディング規約を、ワークスペース単位で覚えさせておける。すると新しいプロジェクトでも同じ作法が自動で効く。複数アプリを回すなら、最初に設定しておくと後がラクだ。

Lovable vs Bolt.new vs v0、どれを選ぶ？

どのAIアプリビルダーを使うべきか。答えは1つではない。自分のコード経験と、作りたいものの種類で変わる。

選び方を一言で言うなら、こうだ。コードに触りたくないならLovable、自分でも書きたいならBolt.new、UI部品だけ欲しいならv0。

Lovable（月$25）が向く人:

• プログラミング経験がない、または浅い
• アイデアの検証（MVP）を最速で回したい
• デザイン性の高いアプリを会話だけで作りたい

Bolt.new（月$25前後）が向く人:

• 基本的なコード知識がある
• 生成されたコードを自分でも編集したい
• Supabase中心のフルスタック開発をしたい

v0（月$20前後）が向く人:

• Reactのコンポーネント（画面の部品）単位で作りたい
• Next.js / Vercelの環境をすでに使っている
• UIの部品だけを高品質に生成したい

Lovableの一番の強みは「指示文から公開まで、途中で投げ出さない一気通貫」だ。コードを一度も開かずにアプリが完成する安心感は、この3つの中で頭一つ抜けている。逆にコードを触りたい人には、その親切さが物足りなく映ることもある。

Lovableは日本語で使える？

結論、日本語で使える。プロンプトは日本語で打って問題ないし、画面（UI）も日本語に対応している。「コードが書けない上に英語も苦手」という人でも、入口で弾かれない。

ただし、精度には傾向がある。込み入った指示は、英語のほうが意図どおりに通りやすい。ここを乗り切る裏技が一つ。日本語で仕様を書き切ってから、「この仕様を英語に翻訳して実装して」と添えるやり方だ。読みやすさと精度を両取りできる。

日本語入力で始められるのは、初心者にとって地味に大きい。最初の挫折ポイントが一つ減る。本格運用で精度を詰めたくなったら、要所だけ英語に切り替えればいい。

詳しい比較はBolt.new vs Lovable vs v0の比較記事もあわせてどうぞ。コード前提のツールまで広く見たい人はAIノーコード開発ツール比較が早い。

2026年の注目アップデート

Lovableは2025年後半から2026年にかけて、機能追加のペースが速い。主なものを時系列で並べる。

この中で効いているのがPlan ModeとWorkspace Knowledgeだ。「AIに任せたら想定外のコードが出てきた」という、バイブコーディング最大のストレスを直接削りにきている。

Lovableを使う上での注意点

セキュリティ

ここは手を抜くと痛い目に遭う。AI任せにしてはいけない3点を挙げる。

• Supabase接続時のRLS（誰がどのデータを見られるかの制御）は必ず自分で確認する。AIが生成したRLSが甘いことがある
• APIキー（外部サービスを使うための鍵）を画面側のコードに直書きしない。環境変数（公開しない設定置き場）を使うようAIに明示する
• 生成コードの最終責任は、使う側にある。本番に出す前にセキュリティレビューを一度通すこと

「AIが書いたから安全」は思い込みだ。鍵の置き場とデータの見える範囲だけは、人の目で押さえておく。

コスト管理

• 無料プランの1日5クレジットは繰り越せない。毎日コツコツ使うのが結局いちばん得
• 「とりあえず作り直し」を繰り返すとクレジットは一瞬で溶ける。Chat Modeで計画→Agent Modeで実行、の順を徹底する
• 年額は月額より約16%安い（公式料金ページ・2026-06時点）。3ヶ月以上使う見込みなら年額が現実的

AIの限界を理解する

• 込み入った業務ロジックは、1回のプロンプトで完璧にはならない。段階的に積み上げる
• 「動く」と「正しい」は別物だ。とくに例外的なケース（エッジケース）のテストは手作業で
• 複数画面をまたぐ状態管理は苦手分野。大きなアプリは画面ごとに切り分けて作る

AI PICKSの独自評価

AI PICKSは500以上のAIツールを、独自基準でスコアリングしている。外部レビュー・SNSの反応・トレンド指数・サイト人気度・プロダクト品質の5軸で見た総合点だ。

Lovableの総合スコア: 83点 / 100点満点

• ユーザー評価: 4.3点（432件のレビュー）

83点は、このカテゴリーでは上位だ。減点要因は「大規模化したときの保守の重さ」と「クレジット消費の読みにくさ」。逆に言えば、小さく速く作るMVP用途では、ほぼ満点に近い使い心地と見ていい。

編集部の評価

評価の観点

非エンジニアがMVPを作るとき、現実的な候補に挙がるのがLovable・Bolt.new・v0の3つだ。公開情報をもとに、次の3軸で比べた。

1. 生成範囲：UIだけか、バックエンド込みのフルスタックか
2. 料金体系：無料枠の使いやすさと、有料プランの月額
3. 学習コスト：コード知識ゼロでも実用に耐えるか

公開情報からの比較整理

公式の料金プランと機能仕様から並べると、3つの得意分野はきれいに分かれる。

表でいちばん効くのは「日本語UI」と「無料枠」の行だ。Lovableだけが日本語UIに対応し、無料でも毎日触れる。コードゼロの初心者が最初に選ぶ理由は、ほぼここに集約される。

※料金・クレジット仕様は2026-06-28時点の公開情報をもとに整理（Lovable公式料金・公式ドキュメント・リリースノートを参照）。変動するため最新は各公式サイトで要確認。

編集部の総合判断

率直なところ、用途で答えは一択に近い。意見語彙ありで断定する。

• コードを一切書きたくない非エンジニア → Lovable一択。Supabase連携で裏側までAIが組むので、アイデア検証で詰まりにくい。日本語で始められるのも初心者には大きい
• エンジニアで、ローカル環境より速くプロトタイプを動かしたい → Bolt.new。ブラウザ完結でnpmパッケージも動く柔軟性が強み。コードを直接触れる安心感がある
• 既存のNext.jsプロジェクトにUIだけ足したい → v0。shadcn/uiベースの部品単位生成がハマる。フルスタックを求めると逆に物足りない

迷ったらLovableから試すのが無難だ。無料枠で手触りを確かめて、足りなければPro、という順がいちばん損が少ない。

よくある質問

Q. Lovableは完全無料で使えますか？

無料プランがあります。日次5クレジット（月最大30クレジット）で、簡単なアプリなら無料の範囲で作れます。ただしプロジェクトは公開のみで、カスタムドメインは使えません。本格的に使うならPro（月$25）が実用ラインです。

Q. プログラミングの知識は本当に不要ですか？

基本操作は日本語の指示だけで完結します。ただ正直に言うと、エラーの原因特定や細かい調整の場面では、HTMLやJavaScriptの基礎があると効率が段違いです。ゼロ知識でも動かせる。でも少しかじっておくと、結果的にクレジットの節約になります。

Q. 日本語のプロンプトで使えますか？

はい、日本語で指示できます。ただし英語プロンプトの方が精度が高い傾向があります。複雑な指示は英語で書くか、日本語で書いてから「この仕様を英語に翻訳して実装して」と伝える裏技もあります。

Q. 作ったアプリのコードは自分のものになりますか？

はい。GitHub連携で生成コードを自分のリポジトリにプッシュできます。Lovableの契約を解約しても、コードはそのまま手元に残ります。VercelやNetlifyなど別のホスティングに移行することも可能です。

Q. Bolt.newとどっちがいいですか？

コードをまったく触りたくないならLovable。コードも直接編集したいならBolt.new。Lovableはチャットベースの操作が中心で非エンジニア向け、Bolt.newはIDE的なインターフェースで開発者向けです。詳しくは比較記事をどうぞ。

Q. 商用利用はできますか？

できます。有料プランで作成したアプリは商用利用に制限はありません。ただし、無料プランではLovableのバッジが表示されます。Proプラン以上でバッジの非表示が可能です。

Q. スマホアプリは作れますか？

ネイティブアプリ（iOS/Android）は直接作れません。ただし、PWA（Progressive Web App）としてスマートフォンでも動作するWebアプリは作れます。ホーム画面に追加すればアプリのように使えます。

Q. Supabase以外のバックエンドは使えますか？

2026年前半時点では、Supabaseの統合がいちばん深いです。Lovable Cloudという独自のバックエンドサービスもあります。Firebaseなどの外部サービスはMCP Server連携で接続できますが、Supabaseほど滑らかではありません。最初はSupabaseで揃えるのが無難です。

Q. 月のクレジットを使い切ったらどうなりますか？

その月は新しい生成・修正ができなくなります。対処は2つ。50クレジット単位の追加購入でしのぐか、上位プランへ切り替えるかです（2026-06時点）。無料プランで足りなくなりやすいので、本格的に作るならProが現実的なラインになります。

Q. 作りかけのアプリを後から大きく作り変えても大丈夫ですか？

できますが、大改修ほどクレジットを食います。コツは、本文でも触れたPlan Modeで変更計画を先に確認すること。さらに「ここまでは動く」地点でバージョンをピン留めしておけば、失敗しても一発で戻せます。いきなり全部を作り変えるより、画面単位で刻むほうが安く済みます。

あわせて読みたい

• バイブコーディングとは？始め方・おすすめツール・コツを完全解説【2026年最新】
• 【2026年版】AIノーコード開発ツール比較｜Lovable vs bolt.new vs v0 vs Replit vs Dify
• 【2026年最新】Bolt.new vs Lovable vs v0｜AIアプリビルダー3強を徹底比較