
ラバブル
Lovable
の使い方・機能・解決する業務課題
ブックマークする
Lovable(ラバブル)とは?
テキストでアイデアを伝えるだけで、AIがWebアプリやサイトをまるごと自動生成するAI開発プラットフォーム(Vibeコーディング)。フロントエンドからデータベース連携・認証・デプロイまで対応し、プログラミング知識がなくてもチャット感覚でアプリを構築・公開できる。GitHubやSupabaseとも連携可能。
解決する業務課題
「Lovable」のサービス詳細
使い方
-
アカウントを作成する
公式サイト(lovable.dev)でGoogleアカウントなどから登録します。無料プランですぐにアプリづくりを試せます。
-
作りたいものを言葉で伝える
チャット欄に「〇〇ができるWebアプリを作って」と入力します。指示は日本語でも入力でき、AIが自動でUI・コードを生成します。
-
プレビューを見ながら調整する
生成されたアプリがその場でプレビュー表示されます。「ボタンの色を変えて」「ログイン機能を追加して」など、追加の指示を重ねて作り込みます。
-
データベース・認証を組み込む
Supabaseと連携し、データ保存やユーザー認証などのバックエンド機能を追加できます。
-
公開(デプロイ)・連携する
ワンクリックでアプリを公開でき、独自ドメインの設定やGitHubへのコード同期にも対応します。
機能
-
自然言語からのアプリ自動生成
テキストの指示だけで、画面(UI)と動作するコードをまとめて生成します。いわゆる「Vibeコーディング」を代表するツールです。
-
フルスタック対応
フロントエンドだけでなく、Supabase連携によるデータベース・認証などのバックエンド機能も構築できます。
-
リアルタイムプレビューと対話的な修正
生成結果を見ながら、チャットで追加・修正を繰り返してアプリを完成させられます。
-
ワンクリックデプロイ
完成したアプリを即座に公開でき、独自ドメインも設定できます。
-
GitHub連携
生成されたコードをGitHubと同期し、エンジニアが直接編集することも可能です。
-
チームでの共同編集(Lovable 2.0〜)
複数人で同時にアプリを構築できるコラボレーション機能や、より高度なエージェント機能を備えます。
-
画像・デザインからの生成
デザイン画像やスクリーンショットを参考にUIを生成するなど、マルチモーダルな入力に対応します。
料金・プラン
料金は2026年7月時点の情報です。米ドル建てのため、円換算額は為替により変動します。最新情報は公式の料金ページでご確認ください。
| プラン名 | 月額料金 | 主な内容 |
|---|---|---|
| Free(無料) | $0 | クレジットカード不要。ワークスペース非公開プロジェクト、共同編集者は無制限、lovable.appドメイン5つ、Cloud、コミュニティサポート |
| Pro | $25/月〜 | Freeの全機能+月100クレジット、クレジットの繰り越し、追加購入、lovable.appドメイン無制限、独自ドメイン、ロール・権限、メンバーごとのクレジット上限、Lovableバッジの非表示、メールサポート |
| Business | $50/月〜 | Proの全機能+月100 Businessクレジット、チームワークスペース、ロールベースアクセス制御、内部公開、個人プロジェクト、SSO、セキュリティセンター、デザインテンプレート、優先サポート |
| Enterprise | プラットフォーム料金(要問い合わせ) | Businessの全機能+従量ベースの価格設定、専任サポート、オンボーディング支援、デザインシステム、SCIM、監査ログ、公開・共有の統制 |
年払いにすると2か月分が無料になります。Pro / Business は月あたりのクレジット数を選んで購入額を上げることもできます(100クレジットが起点)。
無料プランでどこまでできるか: 無料プランには1日あたり5ビルドクレジット(月30クレジットが上限)と、月20 Cloudクレジットが付与されます。触って感触を掴むには十分ですが、独自ドメインやLovableバッジの非表示は有料プランの機能です。クレジット消費は指示の複雑さで変わるため、作り込むほど早く上限に達します。
登録方法
-
公式サイトにアクセスする
lovable.dev を開き、「Get started」をクリックします。無料プランはクレジットカードの登録が不要です。
-
アカウントを作成する
Googleアカウント、GitHubアカウント、またはメールアドレスでサインアップします。GitHubで登録しておくと、後段のリポジトリ連携がスムーズです。
-
ワークスペースを作成する
最初のワークスペースが作られます。無料プランではワークスペース内のプロジェクトが非公開になります。
-
最初のプロジェクトを作る
チャット欄に作りたいものを入力すると、その場でプロジェクトが生成されます。日本語で指示して構いません。
登録直後から無料クレジットが付与されるため、支払い情報を入れずに生成を試せます。
連携できるサービス
Lovableは生成したアプリを実際に動かすところまでを想定しており、外部サービスとの連携が用意されています。
| 連携先 | できること |
|---|---|
| Supabase | データベース、ユーザー認証、ファイルストレージなどバックエンド機能の追加 |
| GitHub | 生成されたコードをリポジトリに同期。エンジニアが直接編集でき、双方向に反映されます |
| 独自ドメイン | 公開したアプリに自社ドメインを割り当て(Proプラン以上) |
| Stripe など決済 | 決済機能の組み込み。APIキーを設定して利用します |
| Lovable Cloud | Lovable側で用意されたホスティング・実行環境 |
GitHub連携が実質的な出口になります。ノーコードで作り始めても、コードはGitHubに出せるため「AIで作ったものをエンジニアが引き継いで育てる」という進め方ができます。ここが、生成物を外に出しにくいツールとの明確な差です。
メリット・デメリット
メリット
- プログラミング知識がなくても、チャットだけで動くWebアプリを作れる
- UI・コード・バックエンド・デプロイまで一気通貫で完結する
- プロトタイプやMVPを短時間で形にでき、検証スピードが上がる
- GitHub連携でエンジニアによる本格的な拡張も可能
デメリット
- 操作画面(UI)は英語が中心(指示自体は日本語でも可能)
- クレジット制のため、複雑な開発や試行錯誤が多いとコストがかさみやすい
- 大規模・複雑な要件では生成結果の手直しや専門知識が必要になる場合がある
評判・口コミ
- 「アイデアを伝えるだけで動くアプリができる」と、非エンジニアやスタートアップのMVP開発で高く評価されています。
- 「プロトタイプ作成が圧倒的に速い」という声が多い一方、「凝った要件ではクレジット消費が早い」「最終的にはコードの理解があると安心」といった意見もあります。
- v0やboltなど他のVibeコーディングツールと比較検討されることが多く、用途や好みで使い分けるユーザーが増えています。
よくある質問(FAQ)
Q. Lovableは無料で使えますか?
はい。無料プランで1日あたり一定数のクレジットが付与され、アプリ生成を試せます。本格的な開発や独自ドメイン、非公開アプリには有料プランが必要です。
Q. 日本語で使えますか?
3つに分けて考える必要があります。①操作画面(UI)は英語中心です。メニューや設定項目は英語表記のままなので、ここは慣れが必要です。②AIへの指示は日本語で問題ありません。「ログイン機能をつけて」「ボタンを青くして」といった日本語の指示がそのまま通ります。③生成されるアプリは日本語で作れます。画面に表示される文言を日本語にするよう指示すれば、日本語のアプリが出来上がります。
つまり「管理画面は英語だが、作るものと指示は日本語でよい」という状態です。英語のUIに抵抗がなければ、日本語話者でも実用上の支障はほとんどありません。
Q. プログラミングの知識は必要ですか?
不要です。チャットで指示するだけでアプリを作れます。ただし、GitHub連携でコードを直接編集すれば、エンジニアによる高度なカスタマイズも可能です。
Q. 作ったアプリは公開できますか?
できます。ワンクリックでデプロイでき、独自ドメインの設定にも対応しています。
Lovableと他のVibeコーディングツールの違い
| 観点 | Lovable | v0 / bolt などのツール | 用途 |
|---|---|---|---|
| 得意分野 | フルスタックのWebアプリを対話で構築 | UI生成やプロトタイピングに強みを持つものが多い | 動くアプリまで一気に作るならLovable |
| バックエンド | Supabase連携でDB・認証まで対応 | ツールにより対応範囲が異なる | DBや認証が必要ならLovableが便利 |
| 公開 | ワンクリックデプロイ+独自ドメイン | ツールにより異なる | 公開まで完結させたい場合に有利 |
より詳しい比較は、関連サービスの各ページもあわせてご覧ください。


