Lovable とは？

自然言語の指示から、フロントエンド・バックエンド・データベース・認証などを含むWebアプリを生成し、改良・公開できるAI開発プラットフォーム。旧名はGPT Engineer（gptengineer.app）。

ひよこ

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

ペンギン先生

そうだよ。GitHubで公開されているオープンソースのコマンドラインツール「gpt-engineer」と区別するために、商用のWebサービス「gptengineer.app」をLovableに改名したんだ。オープンソースのツールそのものが改名されたわけではないから、2つを混同しないようにね。

ひよこ

画面だけじゃなくて、ログイン機能やデータの保存も作れるの？

ペンギン先生

作れるよ。Lovableには組み込みのバックエンド（Lovable Cloud）があって、データベース、認証、ファイルの保存、サーバー側の関数などを別途用意しなくても使えるんだ。自分で用意したSupabaseのプロジェクトにつなぐ方法も選べるよ。

ひよこ

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

ペンギン先生

GitHub、GitLab、Bitbucketと双方向で同期できるから、リポジトリに入れて手元のエディタで開発を続けられるよ。コードをzipでダウンロードすることもできるんだ。なお公式ドキュメントでは、最新のテンプレートはTanStack Startで、以前のプロジェクトはReact + Viteという構成だと説明されているよ。

ひよこ

APIキーみたいな秘密の情報はどう扱えばいいの？

ペンギン先生

公式FAQでは、APIキーをLovableに直接入力しないよう注意しているよ。組み込みバックエンドの「シークレット」機能かSupabaseに保存して、ブラウザ側には出さずにバックエンドのコードだけで使う方法が推奨されているんだ。

まとめ：ざっくりこれだけ覚えればOK！

「Lovable」って出てきたら「AIに話しかけてWebアプリを作れるサービス」と思えればだいたいOK！

誤り・わかりにくい説明を報告する