Lovable logo
AIフルスタックビルダー

Lovable

クリーンアップのためのクレジット予算さえ確保すれば、私たちが試した中で最速の「プロンプトからアプリへ」の体験

当サイトの判定

すべてのティアを見る →
B

フルスタックのプロトタイプを迅速に画面に表示するためのクラス最高峰のツール。クレジットを消費するデバッグループ、スキーマの負債、ライブアプリを破損させると開発者が報告するプラットフォームのアップデートのため、B層。

アイデアを高速に検証したいインディーハッカー 投資家に提示するためのデモが欲しいファウンダー Figmaファイルを動作するReactに変換したいデザイナー

Lovableとは何か?

Lovableは、「バイブ・コーディング(vibe coding)」という言葉から多くの人が連想するツールです。やりたいことを入力するだけで、Reactのフロントエンド、Nodeのバックエンド、そしてSupabaseのPostgreSQLデータベースをすべて連携させたフルスタックのウェブアプリを生成します。まさに「プロンプトからアプリへ」を体現したツールであり、絶好調の時には驚くべき成果を出してくれます。

Lovable homepage Lovable ホームページのスクリーンショット

私たちはこれまで週末のプロジェクトで何度か利用し、さらに「本来使うべきではなかったであろう」プロジェクトにも1つ挑戦しました(詳細は後述)。プロトタイプ作成のスピード感は本物ですが、このレビューで挙げる注意点もすべて現実のことです。衝撃的なパフォーマンスがあるにもかかわらず、Bティアという評価になったのはそのためです。

最初の30分

こここそが、私たちを含め多くの人を惹きつけるLovableの強みです。最初に試したのは、ストリーク機能とシンプルなダッシュボードを備えた習慣トラッカーでした。数分後には、認証画面を備え、実際にデータベースが背後で動作する完動アプリが完成していました。単なるモックアップではなく、実際にログインして使える「物」ができたのです。

最初の30分はこんな流れです。アプリの内容を説明し、構築されるのを見守り、チャットで修正を依頼します。「カードを大きくして」「ダークモードの切り替えスイッチを追加して」といった具合です。Lovableは一行の指示から複数ファイルの変更を同時に処理し、ライブプレビューがリアルタイムで更新されます。Figmaのデザインがある場合は、それを直接インポートしてレイアウトに関するやり取りを完全に省略することも可能です。

正直なところ、落とし穴もあります。曖昧なプロンプトからは、汎用的で、時には構造的に破綻したUIしか得られません。2つ目のプロジェクトでは、ずぼらな一行指示で始めたため、最初に2文で指定していれば済んだはずのレイアウト修正に、多くのクレジットを費やすことになりました。最初のプロンプトは「願い事」ではなく、「仕様書(ブリーフ)」として書くべきです。

実際にどのようなものをリリースしたか

Lovableで最も成功したのは、サイドプロジェクト用のウェイトリスト付きランディングページでした。ヒーローセクション、機能一覧のグリッド、データベースへのメールキャプチャ機能を備え、一晩で独自ドメインにデプロイしました。リリースから数ヶ月経ちますが、ほとんど手を加えていません。一度作ればそのまま放置できる、そんな用途こそがLovableのスイートスポットです。

2つ目の構築はより野心的な試みでした。クライアント管理、明細項目、ステータス更新を備えたフリーランス向け請求書管理ツールです。最初の70%は急速に完成しました。しかし、残りの30%で、コミュニティがすでに指摘していた問題に直面しました。複雑なリレーショナルロジックに入ると、Lovableは不安定になります。請求書テーブルにフィールドを追加しただけで、前日まで正常に動作していたフローを再プロンプトし直す必要があり、エージェントからの「修正しました!」という返答の多くが実際には何も解決していませんでした。最終的にリリースはできましたが、消費されたクレジットの量に頭を抱えました。

ここで高く評価すべきはGitHubエクスポート機能です。行き詰まったとき、リポジトリを同期し、自分たちのエディタで2つの厄介なバグを修正して完了させました。この「脱出ルート」があることが、コードをロックアップ(囲い込み)する他のビルダーよりもLovableを高く評価する最大の理由です。

クレジットが尽きたとき

Lovableの料金体系は一見シンプルに見えますが、実際はそう単純ではありません。無料プランでは、パブリックプロジェクト限定で1日5クレジット(最大月50クレジット)が提供されます。Proプランは月額25€からで100クレジットが付与され、最大で月額2,250€の10,000クレジットプランまで段階的に設定されています。Businessプランは、同じ100クレジットで月額50€からとなっており、クレジット単価はほぼProプランの2倍です。

料金ページには書かれていない重要な点があります。それは「デバッグこそがクレジットの墓場」であることです。コミュニティの報告によると、クレジット消費量は1プロンプトあたり約1.2から3〜4まで跳ね上がることがあります。最悪のパターンは「デグレードのループ」です。AIが自信満々に修正を報告するもののバグが残り、次の試行にまた料金を支払うことになります。私たちの請求書ツールでは、100クレジットの月間枠の大部分を消費しましたが、その半分は新機能ではなく修正作業に消えていきました。

他にも知っておくべき注意点が2つあります。1つ目は、有料プランでは未使用のクレジットが繰り越されることで、開発を集中して行うスタイルの方には助けになります。2つ目は、サブスクリプション料金がすべてではないということです。アプリにトラフィックが増えると、訪問数とデータ転送量に基づくLovable Cloudのコンピューティング料金が別途発生します。

Lovableの主な代替ツールは?

最適な代替ツールを選ぶかは、カスタムコーディングを重視するか、視覚的なスピードを求めるか、あるいは長期的なプロダクションのメンテナンスを重視するかによって異なります。

目的推奨ツール理由
ログインや権限管理が必要なビジネスアプリSoftr組み込みの権限、ロール、データベースを備え、予測可能な定額料金でテクニカルデット(技術的負債)が発生しない
ブラウザ内開発コンテナBoltよりシンプルなReact専用環境。ベンダーロックインのないクリーンなViteコードベースをエクスポート可能
クラウドデプロイとデータベースReplitターミナルアクセス、パッケージ管理、自律型エージェントワークフローを備えた開発者中心の設計
純粋なUIとデザインからのコード生成v0素早い視覚的コンポーネント設計とレイアウトエクスポートにおいて無敵
自前エディタでのAIコーディングCursorコードベース全体のコンテキストを保持したまま、VS Codeワークスペース内で補完を実行

Lovableの代替案を検討する場合、選択肢はプロジェクトの具体的なアーキテクチャと、開発ツールへの習熟度に大きく依存します。社内ツールやクライアントポータル、厳格なユーザー認証が必要なビジネスアプリケーションを構築する場合、Softrが優れた選択肢となります。Softrは、組み込みのロール、権限、ダイレクトなデータベース連携を定額料金で提供することで、複雑なコーディングを完全にバイパスし、カスタムコードを維持することによる技術的負債を排除します。軽量でブラウザベースの環境が必要なプロジェクトには、Boltが最適です。Boltは合理化されたReactセットアップを提供し、クリーンなViteコードベースを生成します。このアプローチによりベンダーロックインを防ぎ、コードを簡単にエクスポートして任意の場所でホストすることができます。一方で、完全な開発者中心のクラウドワークスペースを求める方にはReplitが適しています。Replitでは、フルターミナル、詳細なパッケージ管理、そしてバックエンドのインフラやデータベースのステージングをシームレスに処理できる自律型エージェントワークフローを利用できます。

フロントエンドの美学と迅速なレイアウト生成を優先するデザイナーや開発者にとって、v0は卓越した選択肢です。自然言語のプロンプトを洗練されたUIコンポーネントに変換することに長けており、バックエンドと連携させる前のインターフェースのプロトタイピングに理想的です。しかし、開発ワークフローをローカルに維持したい場合は、CursorがAIのパワーを既存のVS Codeワークスペースに直接統合してくれます。これにより、ローカルディレクトリ全体の完全な把握に基づいたコードの記述、デバッグ、リファクタリングが可能になり、ソフトウェアアーキテクチャを最大限にコントロールできます。これらのオプションは、完全にコード不要のビジネスシステムから、伝統的なソフトウェアエンジニアリングを加速させるディープなローカル優先のエディタ統合まで、それぞれ異なるニッチな需要を満たしています。

機能要件とデプロイの好みをこれらの特化型プラットフォームに慎重にマッピングすることで、コントロールを損なうことなく開発速度を最大化できる最適なツールを選択できるでしょう。

Lovableは誰に向いているか(そして誰に向いていないか)

今週末に動作するフルスタックのプロトタイプが欲しいインディーハッカー、創業者、デザイナーで、GitHubへのエクスポートという「出口」を重視する方は、Lovableを選んでください。MVP、ランディングページ、ポートフォリオレベルのサイドプロジェクトにとって、これは私たちが使った中で最高の純粋な「プロンプト-トゥ-アプリ」ツールであり、BoltBase44といったツールのベンチマークとなっています。

一方で、ログインや権限管理があり、重要なデータを扱う真のビジネスツール(クライアントポータル、社内トラッカー、同僚や顧客が日常的に依存するもの)を作りたい場合は、避けるか、少なくとも再考してください。それが「2日目の問題」です。Lovableは「1日目」には素晴らしい結果をもたらしますが、その後には維持管理が必要なコードベースとセキュリティモデルが残されます。また、プラットフォームのアップデートによって数ヶ月後にライブアプリが壊れたという報告もあります。このカテゴリーであれば、認証や権限がプロンプトによる生成ではなくプラットフォームの機能として組み込まれているSoftrをお勧めします。また、すでにコーディングができる方であれば、Cursorを使えば、出力結果を完全にコントロールしながら同等のAIスピードを享受できます。

スコアカード

要約

優れた点

  • プロンプトから動作するフルスタックアプリまで、驚くほど速く構築可能
  • クリーンなReactおよびTypeScriptをGitHubにエクスポートでき、フロントエンドのベンダーロックインがない
  • Supabase連携により、本物のPostgreSQLデータベースと認証機能がすぐに利用可能
  • Figmaインポート機能で、デザインをそのまま動作するコンポーネントに変換
  • 有料プランではクレジットの繰り越しが可能

残念な点

  • デバッグループでクレジットが激しく消費される - プロンプト1回につき3〜4クレジット消費されるとの報告あり
  • レスポンシブレイアウトの微調整には、結局手動でのコード編集が必要になることが多い
  • Supabaseのセキュリティルール (RLS) は、安全性を確保するために手動設定が必要
  • 長期的に利用しているユーザーからは、プラットフォームのアップデートで既存アプリが動作しなくなったという報告がある
  • 大規模で複雑なカスタムビジネスロジックの実装に苦戦する

コスト内訳

料金プラン

公開されている料金データに基づきます。プラン詳細に含まれるクレジットや制限値が確認できます。

Free

$0/mo
  • 1日5クレジット(最大50クレジット/月)
  • 公開プロジェクト
  • GitHub同期
  • 非公開プロジェクト
最も人気

Pro

From 25€/mo
  • 月間100クレジット(拡張可能なプランあり)
  • 非公開プロジェクト
  • カスタムドメイン
  • クレジット繰り越し
  • 最大3名のエディター

Business

From 50€/mo
  • 月間100クレジット(クレジット単価は約2倍のPro価格)
  • 高度なデザインテンプレート
  • SSO連携
  • データ学習のオプトアウト

ランキング

Lovable の掲載ランキング

すべてのランキング →
ビジネス向け

Best Vibe Coding Tools for Client Portals (2026)

A client portal is the least forgiving thing you can vibe code: real logins, real data, real people judging your business. Here's what to build it with.

更新日 Jun 2026

ビジネス向け

Die besten Vibe-Coding-Tools für Kundenportale (2026)

Ein Kundenportal ist das Projekt, bei dem Vibe-Coding am wenigsten Spielraum für Fehler lässt: echte Logins, echte Daten, echte Menschen, die Ihr Unternehmen bewerten. Hier erfahren Sie, womit Sie es bauen sollten.

更新日 Jun 2026

ビジネス向け

Mejores herramientas de Vibe Coding para Portales de Clientes (2026)

Un portal de clientes es lo menos permisivo que puedes crear con vibe coding: inicios de sesión reales, datos reales y personas reales juzgando tu negocio. Aquí tienes con qué construirlo.

更新日 Jun 2026

ビジネス向け

Meilleurs outils de Vibe Coding pour les portails clients (2026)

Un portail client est l'élément le moins indulgent que vous puissiez créer en vibe coding : de vraies connexions, de vraies données et de vrais clients qui jugent votre entreprise. Voici avec quoi le construire.

更新日 Jun 2026

ビジネス向け

I migliori tool di Vibe Coding per i Client Portal (2026)

Un client portal è l'elemento meno tollerante che si possa creare con il vibe coding: login reali, dati reali, persone reali che giudicano il tuo business. Ecco cosa usare per costruirlo.

更新日 Jun 2026

ビジネス向け

クライアントポータル向け最強の Vibe Coding ツール (2026年)

クライアントポータルは、Vibe Coding で構築する対象の中で最も失敗が許されないものです。本物のログイン、本物のデータ、そしてあなたのビジネスを評価する本物の人間が関わるからです。何を使って構築すべきかを解説します。

更新日 Jun 2026

よくある質問

Lovableは初心者に向いていますか?

はい、使い始める段階では最適です。プロンプトからアプリを生成するフローは、これまで体験した「バイブ・コーディング(直感的なコーディング)」への導入として最も親しみやすいものです。ただし、初心者が苦戦するのはその後の段階です。曖昧なプロンプトはUIの崩れを招き、チャット経由のデバッグはクレジットを激しく消費します。プロンプトは具体的に書き、最初の構築ではスコープを小さく保つことをお勧めします。

Lovableのクレジットはどのくらいでなくなりますか?

予想以上に速いです。Proプランは月間100クレジットから始まりますが、コミュニティの報告によると、1つのプロンプトで3〜4クレジットを消費し、特にAIが同じ問題を繰り返し修正しようとするバグ修正ループでは消費が激しくなります。集中して週末に構築する分には十分ですが、数週間かけて反復的に開発するアプリの場合、より上位のクレジットプランが必要になるでしょう。

Lovableからコードをエクスポートできますか?

フロントエンドは可能です。GitHub同期により、ローカルで開発を継続できる本物のReactとTypeScriptコードが手に入ります。データベースの方はより複雑です。Lovable Cloudのマネージドバックエンドから移行する際に苦労したというユーザー報告もあるため、プロジェクトが深くなる前にデータ戦略を立てておくことをお勧めします。

Lovableはクライアントワークやビジネスアプリに向いていますか?

慎重に検討すべきでしょう。経験豊富な開発者からは、プラットフォームのアップデートで稼働中のクライアントアプリが壊れたり、AIが設計したデータベーススキーマが数ヶ月後に変更コストが高すぎたりしたという報告があります。プロトタイプやデモであれば最適です。しかし、実際の顧客が毎日ログインするポータルサイトなどを作る場合は、認証や権限管理が組み込まれたノーコードプラットフォームの方が安全な基盤となります。