Lovableとは
Lovable(ラバブル)は、「チャットで話しかけるだけでWebアプリが作れる」AIビルダーです。もともと「GPT Engineer」という名前で知られていたサービスが進化し、Lovableとしてリニューアルされました。
使い方はシンプルで、「こんなアプリを作りたい」と入力するだけ。数分もたたないうちに、実際に動くWebアプリのコードとプレビューが出てきます。プログラミングを学んだことがなくても、アイデアを言葉にできればアプリが作れるのが最大の魅力です。
作ったコードはReact(Webアプリ開発でよく使われる技術)ベースで、GitHubというサービスに連携してエクスポートできます。「ノーコードで作り始め、必要になったら開発者に引き渡す」という使い方もできる、柔軟なサービスです。
主な機能をやさしく解説
- チャットでアプリ生成:「〇〇ができるWebアプリを作って」と入力するだけで、見た目の整ったアプリが自動で生成されます。難しい指示は不要です。
- リアルタイムプレビュー:作ったアプリの見た目を、指示しながらその場で確認できます。「色を変えて」「レイアウトを整えて」と続けて頼むだけで修正されます。
- GitHubへのエクスポート:生成されたコードをそのまま自分のGitHubに送れます。開発者がその後コードを引き継いでカスタマイズしやすい構成です。
- データベース・ログイン機能(Supabase連携):ユーザーが情報を保存したり、ログインして使えるアプリも作れます。指示するだけで自動的に設定してくれます。
- アプリの公開:作ったアプリはワンクリックで公開でき、独自ドメインの設定も可能です。「とにかく動くものを見せたい」場面にも対応しています。
- 既存プロジェクトの取り込み:すでにあるコードをインポートして、Lovable上で続きの開発ができます。
料金プランの選び方
- まず無料で試したい人:毎月一定のクレジット(メッセージ数)が無料で使えます。どんなものが作れるか試すには十分です。ただし、込み入ったアプリを作り始めるとすぐに消費されます。
- Starterプラン:個人の趣味プロジェクトや、社内の小さなツール作りなど、継続して使いたい人向けです。
- Proプラン:頻繁にアプリを作ったり、複数のプロジェクトを並行して進める人に向いています。
- Teamsプラン:スタートアップや小さなチームで、複数人が共同でアプリを開発・管理したい場合に検討してください。
料金・クレジット数は変更になることがあります。契約前にかならず公式サイト(https://lovable.dev/)で最新情報をご確認ください。
始め方
- 公式サイト(https://lovable.dev/)にアクセスし、メールアドレスやGoogleアカウントでサインアップします。
- 新しいプロジェクトを作成し、チャット欄に作りたいアプリの内容を日本語または英語で入力します(例:「タスク管理ができるシンプルなWebアプリを作って」)。
- 自動でコードとプレビューが生成されます。気になる点は「〇〇を修正して」と続けて指示するだけで調整できます。
- 完成したら「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/)で確認してください。
