【ラバブル】

Lovable とは?

💡 「愛されるアプリ」をAIが一瞬で形にする
📌 このページのポイント
Lovable の開発フロー ① プロンプト入力 「会員制の予約 サイトを作って」 ② AI がコード生成 React + TypeScript + Tailwind CSS モダン構成で出力 ③ リアルタイム確認 Supabase 連携(最大の強み) 🔐 認証 🗄️ DB 📁 Storage ワンクリックでバックエンド構築 GitHub 連携 生成コードをリポジトリに同期 エンジニアが本格開発に引き継ぎ 旧名: GPT Engineer
Lovable:プロンプトからSupabase連携アプリを生成し、GitHubに同期
ひよこ ひよこ

LovableってGPT Engineerから名前が変わったの?

ペンギン先生 ペンギン先生

そうだよ。もともとGPT Engineerというオープンソースプロジェクトから始まったんだけど、プロダクトとしての方向性を明確にするためにLovableに改名したんだ。「誰もが愛されるソフトウェアを作れるように」というミッションを名前に込めたんだね

ひよこ ひよこ

Bolt.newとかと何が違うの?

ペンギン先生 ペンギン先生

Lovableの一番の強みはSupabaseとのワンクリック連携だよ。ユーザー認証、データベース、ファイルストレージを含むバックエンド機能をプロンプト一つで組み込めるんだ。フロントエンドだけじゃなくて、バックエンドも含めた完成度の高いアプリが作りやすいんだね

ひよこ ひよこ

生成したコードを後からエンジニアが引き継げるの?

ペンギン先生 ペンギン先生

GitHubとの同期機能があるから、生成されたコードをそのままリポジトリにプッシュして本格開発に移行できるよ。コードもReact + TypeScript + Tailwind CSSというモダンな構成で、エンジニアが読みやすい形で出力されるんだ

ひよこ ひよこ

こういうツールが増えると、エンジニアの仕事はどう変わるの?

ペンギン先生 ペンギン先生

プロトタイプMVPの作成が圧倒的に速くなるから、エンジニアは「何を作るか」の設計やビジネスロジックの実装に集中できるようになるよ。実はLovableのようなツールを使いこなして素早く検証サイクルを回せるエンジニアの価値がどんどん上がっているんだ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Lovable」って出てきたら「AIで本格的なWebアプリをサクッと作れるサービス」と思えればだいたいOK!
📖 おまけ:英語の意味
「Lovable」 = 愛される
💬 「人々に愛されるソフトウェアを誰でも作れるように」という思いが名前に込められているよ
← 用語集にもどる