Lovable

一部無料

Lovable (旧GPT Engineer)

デザインから動くアプリへ。ノーコードで始めるAI開発体験

4.25点満点中 4.2 点
公式サイトを見る

Lovableは、チャットで指示するだけでWebアプリを自動生成してくれるAIビルダーです。コーディング不要で、アイデアを伝えるだけで見た目の整ったアプリが数分で完成します。生成したコードはGitHubと連携してそのまま使え、開発者でなくても自分だけのWebツールやプロトタイプをすぐに作れます。

Lovableとは

Lovable(ラバブル)は、「チャットで話しかけるだけでWebアプリが作れる」AIビルダーです。もともと「GPT Engineer」という名前で知られていたサービスが進化し、Lovableとしてリニューアルされました。

使い方はシンプルで、「こんなアプリを作りたい」と入力するだけ。数分もたたないうちに、実際に動くWebアプリのコードとプレビューが出てきます。プログラミングを学んだことがなくても、アイデアを言葉にできればアプリが作れるのが最大の魅力です。

作ったコードはReact(Webアプリ開発でよく使われる技術)ベースで、GitHubというサービスに連携してエクスポートできます。「ノーコードで作り始め、必要になったら開発者に引き渡す」という使い方もできる、柔軟なサービスです。

主な機能をやさしく解説

  • チャットでアプリ生成:「〇〇ができるWebアプリを作って」と入力するだけで、見た目の整ったアプリが自動で生成されます。難しい指示は不要です。
  • リアルタイムプレビュー:作ったアプリの見た目を、指示しながらその場で確認できます。「色を変えて」「レイアウトを整えて」と続けて頼むだけで修正されます。
  • GitHubへのエクスポート:生成されたコードをそのまま自分のGitHubに送れます。開発者がその後コードを引き継いでカスタマイズしやすい構成です。
  • データベース・ログイン機能(Supabase連携):ユーザーが情報を保存したり、ログインして使えるアプリも作れます。指示するだけで自動的に設定してくれます。
  • アプリの公開:作ったアプリはワンクリックで公開でき、独自ドメインの設定も可能です。「とにかく動くものを見せたい」場面にも対応しています。
  • 既存プロジェクトの取り込み:すでにあるコードをインポートして、Lovable上で続きの開発ができます。

料金プランの選び方

  • まず無料で試したい人:毎月一定のクレジット(メッセージ数)が無料で使えます。どんなものが作れるか試すには十分です。ただし、込み入ったアプリを作り始めるとすぐに消費されます。
  • Starterプラン:個人の趣味プロジェクトや、社内の小さなツール作りなど、継続して使いたい人向けです。
  • Proプラン:頻繁にアプリを作ったり、複数のプロジェクトを並行して進める人に向いています。
  • Teamsプラン:スタートアップや小さなチームで、複数人が共同でアプリを開発・管理したい場合に検討してください。

料金・クレジット数は変更になることがあります。契約前にかならず公式サイト(https://lovable.dev/)で最新情報をご確認ください。

始め方

  1. 公式サイト(https://lovable.dev/)にアクセスし、メールアドレスやGoogleアカウントでサインアップします。
  2. 新しいプロジェクトを作成し、チャット欄に作りたいアプリの内容を日本語または英語で入力します(例:「タスク管理ができるシンプルなWebアプリを作って」)。
  3. 自動でコードとプレビューが生成されます。気になる点は「〇〇を修正して」と続けて指示するだけで調整できます。
  4. 完成したら「Publish(公開)」ボタンでWebに公開するか、GitHubにエクスポートして自分のサーバーで使えます。

最初は「できるだけシンプルなもの」から始めると、使い勝手をつかみやすくなります。

他のAIとの違い・使い分け

似たようなサービスには Bolt.new(ボルト)や v0(ヴィーゼロ)があります。どれもチャットでアプリを作れますが、それぞれ特徴があります。

  • Lovable:プロジェクト管理・GitHubとの連携・Supabaseによるデータベース/認証機能が充実。ゼロからアプリを育てていく用途に向いています。
  • v0(Vercel):Next.jsのコンポーネント(部品)を素早く作るのが得意。Vercelとの連携が強く、フロントエンド開発者向け。
  • Bolt.new:フルスタック(見た目から裏側まで)の開発に幅広く対応。さまざまな技術スタックを選べます。
  • GitHub Copilot:コードエディター上でコード補完・提案をしてくれるツール。自分でコードを書く開発者向けです。

「コードを書かずにアプリを作りたい」なら、まずLovableかBolt.newを試してみるとわかりやすいでしょう。

使うときの注意点

  • クレジット消費に注意:無料枠は意外と早く使い切ります。本格利用を考えるなら、最初から有料プランも視野に入れておきましょう。
  • 複雑な要件は難しい:「大量のユーザーが使う大規模サービス」や「複雑なビジネスロジック」を実現するには限界があります。プロトタイプ・社内ツール・個人ツールの範囲での利用が現実的です。
  • 生成コードの品質確認を:自動生成のため、コードの品質にばらつきがあります。本番環境で使う場合は、開発者にコードレビューをしてもらうと安心です。
  • 英語での指示が有利:日本語でも使えますが、英語で指示するほうが精度よく動く場面が多いです。
  • 料金・機能は変わりやすい:クレジット数・プラン内容・価格は予告なく変更されることがあります。最新情報は公式サイト(https://lovable.dev/)で確認してください。

主な機能

  • チャットで指示するだけでWebアプリを自動生成
  • Reactベースのコードをリアルタイムでプレビューしながràら編集
  • GitHubリポジトリとの連携・コードのエクスポート
  • Supabaseと統合したデータベース・認証機能の追加
  • デザインの見た目を細かくチャットで微調整
  • 既存プロジェクトのコードをインポートして続きを開発
  • 生成したアプリをワンクリックで公開(独自ドメイン対応)

メリット・デメリット

メリット

  • プログラミング知識ゼロでも動くWebアプリを作れる
  • 指示の修正→即プレビューのサイクルが速く、試しやすい
  • 生成されたコードはReactベースで、開発者がそのまま引き継げる
  • GitHubと連携でき、チームのワークフローに組み込みやすい
  • Supabaseとの統合でデータ保存・ログイン機能まで作れる

注意点・デメリット

  • 複雑なビジネスロジックや大規模開発には向かない
  • 無料枠のメッセージ数(クレジット)が限られ、すぐ使い切ることがある
  • 生成コードの品質にばらつきがあり、細かい修正はコードの読み書きが必要な場面も
  • 日本語UIや日本語サポートが限定的で、英語中心の操作感

こんな人・場面におすすめ

  • プログラミングができないけど自分のWebツールを作りたい人
  • アイデアを素早くプロトタイプにして見せたい起業家・デザイナー
  • 社内向けの簡易ダッシュボードや管理ツールをすぐ用意したい人
  • 開発者がスケッチ代わりに使い、後でコードを引き継ぐ用途
  • プログラミング学習の一環として、動くものを作りながら学びたい人

よくある質問

本当にコードを書かなくても使えますか?

はい。「ユーザーがメモを投稿できる一覧ページを作って」のように日本語や英語でチャット入力するだけで、Webアプリが自動で生成されます。細かい見た目の調整も「ボタンをもっと大きく」と伝えるだけでOKです。ただし、複雑な要件になるほど追加指示が必要になります。

作ったアプリはどこで動かせますか?

Lovable上でそのまま公開でき、独自ドメインの設定も可能です。また、生成されたコードをGitHubにエクスポートして、別のホスティングサービスで動かすこともできます。

無料プランはすぐ上限に達しますか?

機能を試すには十分ですが、何度も指示を出してアプリを作り込んでいくとクレジットが早く消費されます。本格的に使いたい場合は、有料プランへの移行を前提に考えておくとよいでしょう。

データベースや会員ログイン機能も作れますか?

はい。Supabaseというサービスと連携することで、データの保存やユーザー認証(ログイン)機能も追加できます。設定はチャットで指示するだけで自動で組み込まれます。

Bolt.newやv0との違いは何ですか?

どれもチャットでアプリを作れるサービスです。Lovableはプロジェクト管理・GitHubとの統合・Supabase連携が特に充実していて、ゼロからWebアプリを育てていく用途に向いています。v0はVercelとの連携が強く、Next.jsコンポーネント作成に特化しています。Bolt.newはフルスタック開発に幅広く対応しています。

日本語でも使えますか?

チャットの指示は日本語で入力できますが、UIや公式ドキュメントは英語が中心です。英語が苦手でも操作自体はできますが、英語で指示を出すほうが意図通りに動くことが多いです。