TOOLS / LOVABLELovableで、
Lovableで、
何ができるか
文章で頼むだけで、Webアプリやサイトを作って公開までできるAIサービス。
Lovable(Lovable)の使い方を、「何ができるか」「どう使うと有意義か」を中心にまとめました(基本の4本。主なサービスには、導入・初期設定、実際の使い方、AI同士のつなぎ方の手順編を足しています)。公式のドキュメントを読んでまとめたもので、実際に使って確かめた記録ではありません。AIとのつなぎ方では、公式が用意しているものと、コミュニティ製・第三者製のものを分けて書いています。
Lovable の使い方9 本
- Lovableを使い始める前に:どの製品か、どこで使えるか、無料でどこまでか、データはどこにあるかを、公式の資料で確かめるBeginner・約15分Lovableは、「こんなアプリがほしい」と文章で伝えると、AIがウェブアプリやウェブサイトを作ってくれるサービスです。この記事で扱うのは、公式サイト lovable.dev と公…
- Lovableで何ができるか、どう使うと有意義か:公式が挙げる機能と、公式が紹介する使い方・場面を、載っている場所つきで整理するBeginner・約15分Lovableは「文章でアプリを作るサービス」と聞いても、実際に何ができて、どんな順番で使うと失敗しにくいのかは、分かりにくいところです。公式のドキュメントには、機能の説明に加えて…
- LovableとAI・外部のツールのつなぎ方:MCPサーバー、ChatGPT、Slack、コネクタ、API、Git同期を、公式が運営するものと第三者のものに分けて、データの流れ先まで確かめるMiddle-level・約19分Lovableは、それ自体がAIでアプリを作るサービスですが、ほかのAIやツールとつなぐ入口も、いくつも用意しています。「ChatGPTの中からLovableを呼ぶ」「Claude…
- Lovableのデータ・プラン・やめるとき:学習への利用、権利、バックアップ、料金と解約、セキュリティ上の注意を、公式の説明で確かめるMiddle-level・約20分作ったアプリや、そのために書いた文章は、Lovableの中でどう扱われるのか。無料のままで大丈夫なのか。やめるとき、データは持ち出せるのか。この記事では、公式の利用規約、プライバシ…
- Lovableのアカウントを作って最初のプロジェクトを動かすまで:インストール不要のWebサービスを、登録、ダッシュボード、アカウント設定、最初のビルド、動作の見方の順に、公式の手順で追うBeginner・約23分Lovableは、ブラウザで動くWebサービスです。公式のクイックスタートは「インストールするものはない」という趣旨で書いていて、パソコンに入れる作業の代わりに、アカウントを作る、…
- Lovableの実際の使い方:最初の1時間に、Buildで作る、指して直す、Planで計画する、エラーを直す、戻す、公開する、までを場面ごとに、公式の手順で追うBeginner・約29分この記事は、Lovableのアカウントを作ったあとの「何を開き、何を押し、何を書くと、何が返ってくるか」を、場面ごとに並べたものです。根拠は公式ドキュメントのクイックスタート、チャ…
- ほかのAIからLovableを動かす手順(その1):MCPサーバーをClaude、Claude Code、ChatGPT、Cursor、VS Code、Codex CLIにつなぎ、Slack、ChatGPTのアプリ、APIも、公式の記載に沿って設定するMiddle-level・約32分この記事は、ClaudeやChatGPTのような別のAIや、SlackなどのアプリからLovableのプロジェクトを動かす連携を、設定する画面、書く設定、渡るデータ、権限、外し方、…
- LovableからGitHubとSupabaseへつなぐ手順(その2):Git同期と、自分のSupabaseの接続を、設定する画面、権限、外し方、うまくいかないときの順に、公式の記載に沿って追うMiddle-level・約17分この記事は、Lovableの側から、コードの置き場(GitHub)と、アプリの裏側(自分のSupabase)につなぐ手順を、設定する画面、渡るデータ、権限、外し方、うまくいかないと…
- Lovableのコネクタ、MCP、デスクトップ、Build with URL で外へつなぐ手順(その3):チャットコネクタ、自作MCPサーバー、デスクトップのローカルMCP、アプリのMCP化、Build with URL を、公式の記載に沿って設定するMiddle-level・約19分この記事は、Lovableの側から、NotionやLinearのような外のツール、自作のMCPサーバー、パソコン上のFigmaなどにつなぐ手順と、作ったアプリそのものをAIから呼べ…
このコーナーの文章は、公式の資料を読んでまとめたもので、実際に使って確かめた記録ではありません。画面名・機能・料金は変わるので、使う前に各ページの出典(公式)で確かめてください。事実と「見立て」は分けて書いています。