Lovable ブログ
Lovableを日本語で使いこなすためのナレッジベース。基本機能から本格運用まで。
全105記事 · 最終更新 2026-05-19
最新記事
【新着】すでにGoogleを使っているなら、そのままLovableで作れる|Google主要サービスがコネクタとして全部つながった
2026年5月19日、Lovable公式(Stephanie Toh)がGoogle主要サービスのコネクタ提供開始を発表。Gmail / Calendar / Drive / Sheets / Slides / Maps / Gemini Enterprise / BigQueryがプロンプトひとつで連携可能に。
【新着】繰り返しの指示を“再利用可能なスキル”に|LovableがSkillsを正式リリース
2026年5月19日、Lovable公式(Tyler Bruno)がSkillsの正式リリースを発表。AIに毎回同じ説明を繰り返さずに済む、Markdownベースの再利用可能な指示パッケージ。Knowledge/Promptingとの違い、良い書き方・悪い書き方まで日本語で解説。
基本機能 (12)
チャットでできること・基本操作
Lovableの「Skills」を使いこなす:繰り返し作業をAIに覚えさせる
Lovableに新しく搭載された Skills 機能の使い方を、ナレッジとの違い・作り方・運用のコツまで日本語で解説。
バイブコーディングとは?意味・始め方・代表ツールを日本語で徹底解説【2026】
バイブコーディング(Vibe Coding)とは何か、意味・由来・代表ツール(Lovable / Cursor / Bolt / Replit)・始め方・メリット・注意点まで、初めての人向けに日本語でやさしく解説します。
Lovableの使い方|日本語で始めるAIアプリ開発の完全ガイド
Lovableを日本語で使い始めるためのアカウント作成からデプロイまでの全手順。初心者がつまずきがちなポイントも解説します。
Lovableの料金プラン徹底解説|日本円換算・無料枠・コスト最適化のコツ
Lovableの最新料金プランを日本円換算で解説。無料枠の制限、有料プランの違い、メッセージ消費を抑える実践テクニックまでまとめました。
【2026年5月更新】Lovable最新アップデートまとめ|新機能・価格改定・ロードマップ
2026年のLovable最新アップデートを月別に整理。新機能・UI刷新・コネクタ追加・料金変更まで、日本語で読める年次まとめです。
【2026年最新】Lovable料金改定の全貌|プラン別変更点と既存ユーザーの対応策
2026年に実施されたLovableの料金改定をプラン別に徹底解説。Teamsプランの値上げ、Proプランの据え置き、Freeプランの変更なし。改定前契約者の grandfathering ルールや移行時の注意点までまとめました。
【2026年5月更新】Lovable最新の使い方|初期設定からプロジェクト作成までの完全手順
Lovable 2026年最新の使い方を日本語で解説。アカウント作成→新規プロジェクト→TanStack Start v1開発→Lovable Cloud連携→公開までを初心者向けに図解付きで紹介します。
【新機能】Lovable Aesthetics Update|タイポ・レイアウト・色を“作る前に決める”
2026年5月11日リリースのAesthetics Update。タイポグラフィ・レイアウト・カラーパレットの好みを先に指定して、ビルド前にデザインコンセプトをプレビューできる新機能を、日本語UIで実践レビュー。
【新機能】Lovable Custom Domains|ドメイン購入+DNS/SSL自動設定をワンストップで
2026年5月8日に発表されたLovable Custom Domains。Lovable内からドメインを検索・購入でき、DNSとSSLが自動設定。既存ドメインの接続にも対応。日本語UIで購入から公開までを実践解説。
Lovableのチャット指示の書き方|伝わるプロンプト基本5原則
Lovableのチャットで意図通りのコードを生成させるための、日本語プロンプトの基本5原則と具体例をまとめました。
Lovableに画像・ファイルを添付して指示する|活用パターン集
デザインスクショ、競合サイトのキャプチャ、PDF仕様書などを添付してLovableに指示するときのコツと、よくある失敗。
LovableのUndoとブランチ運用|壊さずに大胆に試すコツ
失敗してもすぐ戻せるUndo操作と、リスクの高い変更をブランチで隔離する運用パターンを解説します。
応用テクニック (6)
仕様書化・壁打ち・JSON出力など
AIアプリの『外部送信ポリシー』の書き方|Lovable・Supabase・OpenAI等を使うサービス向けテンプレート
2023年改正電気通信事業法(外部送信規律)に対応した『利用者情報の外部送信ポリシー』を、AI/バイブコーディングで作るサービス向けに解説。ライオン・ヤフー・サイバーエージェントなど他社事例のURLも掲載。
【ニュース】LovableがAIUC-1を共同発表|AIコーディングエージェントの安全基準とは
LovableがAIUC(AI Underwriting)と共同で、AIコーディングエージェント向けセキュリティ基準『AIUC-1』のホワイトペーパーを公開。Lovableは2026年夏に同分野で世界初の認証取得を目指します。日本の企業導入担当者向けに要点を和訳・解説します。
Lovableで自社AIチャットボットを作る完全ガイド|社内FAQ・接客・サポートまで
ChatGPTのような自社AIチャットボットをLovableで構築。社内FAQ、ウェブ接客、カスタマーサポートまで、API契約なし・Lovable AI Gatewayだけで動く実装手順を、非エンジニア向けにじっくり解説します。
Lovableに自分のアプリの仕様書を書かせる方法(リバース仕様化)
完成したLovableアプリから、機能仕様書・データモデル・画面遷移図をAIに自動生成させる手順とプロンプトテンプレ。
Lovableで事業計画を壁打ちする|プロンプトテンプレ集
作ったプロトタイプをそのまま材料にして、ターゲット・収益モデル・競合分析をAIに壁打ちさせる実践プロンプト集。
NotebookLMで可視化するためのJSON出力テンプレ
Lovableアプリの構造をJSONで吐き出し、NotebookLMやマインドマップツールで可視化・分析するためのテンプレート。
連携機能 (3)
n8n / Stripe / Resend など
Lovableで作ったアプリに『決済』をつける完全ガイド|月額課金・買い切り両対応
『Lovable 決済つける』『Lovable サブスク』で検索した人向け。Stripeを使って、Lovableアプリにお金が入ってくる仕組みを最短で組み込む手順を、画面付きで非エンジニア向けに解説。
Lovableで『問い合わせフォーム+自動返信メール』を作る完全ガイド|Resend連携
「Lovable 問い合わせフォーム」「Lovable メール送信」で検索した人向け。Googleフォームを卒業して、自社ドメインから自動返信メール+管理者通知が届くフォームを30分で作る手順を、非エンジニアにもわかる言葉で解説します。
Lovable × n8n 連携|AIワークフローを自分のアプリに組み込む
n8nのWebhookをLovableアプリから呼び出し、AI処理・SaaS連携を実装する方法を最小コードで解説します。
Lovable Cloud (4)
DB・認証・ストレージ・関数
LovableとSupabaseの連携完全ガイド|Lovable Cloudとの違い・使い分け
LovableからSupabaseを使う3つの方法(Lovable Cloud / 直接接続 / セルフホスト)を比較。DB・認証・ストレージの実装パターンとRLSの注意点を解説。
Lovable Cloud入門|DB・認証・ストレージをゼロ設定で使う
Lovable Cloudの全体像と、最小コストで使い始めるための初期設定ガイド。Supabaseを直接触らなくても本格バックエンドが動きます。
Lovable Cloudで認証を作る|メール / Google / Appleログイン
Lovable Cloudのマネージド認証を使って、メールパスワード・Google・Appleログインを安全に組み込む手順とRLS設計。
Lovable Cloudのファイルストレージ活用|画像アップロードの定石
プロフィール画像、添付ファイル、生成画像などをLovable Cloudストレージに保存し、安全に配信するベストプラクティス。
自前APIで節約 (2)
コストを下げる判断軸
外部API活用 (3)
Firecrawl / Google / Perplexity 等
Firecrawl × Lovable|任意サイトを構造化データに変える
Firecrawlを使ってWebページをLLMに食わせやすいMarkdown/JSONに変換し、Lovableアプリに取り込む実装パターン。
Lovable × Google API|Maps / Calendar / Drive を組み込む
Google Maps・Calendar・Driveなど主要Google APIをLovableアプリに組み込む際の認証方式と落とし穴。
Lovable × Perplexity API|リアルタイムWeb検索付きAIを組み込む
Perplexity APIを使えば、最新情報に基づいた回答を生成できるAI機能を簡単にLovableアプリに追加できます。
DB選定 (2)
サービス化向けのDB比較
AWS連携 (2)
S3 / Lambda / Bedrock など
GCP連携 (2)
Vertex AI / Cloud Run / BigQuery
MCPコネクタ実践 (19)
Lovableチャットコネクタの活用レビュー
【2026年最新】Lovable MCPコネクタ完全ガイド|17種類の連携先と実践プロンプト例
2026年にLovableに追加されたMCPコネクタ17種類を一挙紹介。Notion・Linear・Figma・Sentryなど各コネクタの使い方と、チャットから直接操作する具体例をまとめました。
【新機能】Lovable MCP Server(Research Preview)|Claude CodeやCursorからLovableを操作する
2026年5月7日にResearch Previewとして公開されたLovable MCP Server。ターミナルや外部AIエージェント(Claude Code・Cursor等)からLovableプロジェクトの作成・編集・デプロイが可能に。接続手順とユースケースを解説。
Amplitude MCPを試す|プロダクト分析データを開発中に直接参照
Amplitudeのプロダクト分析をLovableチャットから参照する非エンジニア向けガイド。
Atlassian MCPを試す|JiraチケットからLovableで直接実装
Jira/ConfluenceのデータをLovableチャットから参照しながら開発する方法。
Confidence Exp MCPを試す|A/Bテスト結果を見ながら実装
ConfidenceのA/Bテスト結果をチャットから参照する非エンジニア向けガイド。
Confidence Flags MCPを試す|フィーチャーフラグをチャットで管理
ConfidenceのフィーチャーフラグをLovableチャットから操作する方法。
Figma MCPを試す|デザインからコード生成の精度を上げる
Figmaのデザインデータを直接読み込ませてLovableで実装精度を上げる方法。
Granola MCPを試す|会議メモから実装タスクを抽出
Granolaの会議メモをLovableに読ませて要件抽出→実装に活かす方法。
Hex MCPを試す|ノートブック分析の結果を実装に直結
HexのデータノートブックをLovableチャットから参照する方法。
HeyGen MCPを試す|AIアバター動画をアプリに組み込む
HeyGenのAI動画生成をLovableから扱う方法。
Linear MCPを試す|Issueから実装まで滑らかに
Linear IssueをLovableチャットから参照して開発を高速化する方法。
Miro MCPを試す|ホワイトボードの図を実装の根拠に
MiroボードをLovableに読ませてフロー図やワイヤーから実装する方法。
n8n MCPを試す|既存ワークフローをLovableのツールとして使う
n8nワークフローをMCP経由でLovableチャットから呼び出す方法。
Notion MCPを試す|Notion仕様書から直接実装
NotionページをLovableチャットから参照する非エンジニア向けガイド。
Polar MCPを試す|サブスク課金をチャットでセットアップ
PolarのサブスクリプションをLovableチャットから操作する方法。
PostHog MCPを試す|分析・フラグ・実験を1か所で
PostHogの分析データとフィーチャーフラグをLovableチャットで扱う方法。
Sanity MCPを試す|CMS構造に沿ってフロント実装
SanityのコンテンツをLovableチャットから参照しながらフロント実装する方法。
Sentry MCPを試す|エラーを見ながら直す
SentryのエラーをLovableチャットから参照して即修正に繋げる方法。
Custom MCPを試す|自分で作ったMCPをLovableに繋ぐ
自作のMCPサーバーをLovableに繋いで、独自ツールをチャットで使う方法。
Appコネクタ実践 (36)
Lovableに組み込み済みのAppコネクタ活用
Googleスプレッドシートが“アプリの裏側”になる|不動産・見積もり管理を実例にLovable × Google連携を解説
Gmail / Calendar / Drive / Sheets / Slides / Maps / BigQuery / Gemini Enterpriseまで、Lovableに揃ったGoogleコネクタ群を、不動産会社の『物件管理+見積もり管理アプリ』を題材に実例→総論で解説します。
Airtableコネクタ実践ガイド|スプレッドシート感覚でアプリの裏側を作る
Airtableをアプリのバックエンドにする方法を、非エンジニア向けに完全解説。接続〜サーバーファンクションの中身まで。
Lovableで『予約システム』を作る完全ガイド|Calendly卒業&自分ブランドの予約サイト
「Lovable 予約システム」「Lovable 予約サイト 作り方」で検索した人向け。Googleカレンダーと連携し、ダブルブッキングしない自分ブランドの予約フォームを作る完全手順。
Lovableで『業務効率化アプリ』を作る完全ガイド|Excel/スプシ集計地獄から抜け出す
『毎日Excelを開いてコピペ・集計・転記…』を、Lovable + Googleスプレッドシートで“見るだけアプリ”に変える手順を、非エンジニア向けに最短ルートで解説します。
Slackコネクタ実践ガイド|アプリの動きをチームに即共有する『通知ハブ』を作る
Slackコネクタを使って、Lovableで作ったアプリから自動でメッセージを送る方法を、非エンジニア向けに最初から最後まで解説。
Aikidoコネクタを試す|AIにコードのセキュリティ診断を任せる
非エンジニアでも分かるAikidoコネクタ入門。脆弱性スキャンの結果をLovableアプリ内に表示し、優先度付きで対応する流れを解説。
Asanaコネクタを試す|タスクから実装までの距離を縮める
Asanaのタスクをそのままアプリ開発の指示にできるコネクタ活用法を、非エンジニア向けに解説。
Ashbyコネクタを試す|採用データを自社サイトに見せる
Ashby採用管理のデータをLovableアプリに表示する非エンジニア向けガイド。
Attentionコネクタを試す|商談の文字起こしをアプリに取り込む
商談AIのAttentionとLovableを繋ぎ、商談データを社内ツールに活用する方法。
BigQueryコネクタを試す|大量データの分析画面を自分で作る
GoogleのBigQueryに溜まった膨大なデータを、Lovableで誰でも見られるダッシュボードに。
Brevoコネクタを試す|安いメール配信をアプリに組み込む
Brevo(旧Sendinblue)のメール・SMSをLovableアプリから送る、非エンジニア向けガイド。
Contentfulコネクタを試す|本格ヘッドレスCMSの中身をサイトに表示
Contentfulに入っているコンテンツをLovableで作ったサイトに表示する、非エンジニア向け解説。
Databricksコネクタを試す|分析基盤の結果をWebアプリに
DatabricksのデータをLovableアプリに表示する、非エンジニア向けガイド。
ElevenLabsコネクタを試す|AI音声を自分のアプリに組み込む
高品質AI音声のElevenLabsをLovableアプリで使う、非エンジニア向けガイド。
Firefliesコネクタを試す|会議の議事録を業務アプリに流し込む
Firefliesで取った会議の文字起こしと要約を、Lovableアプリに取り込んで活用する方法。
Gemini Enterpriseコネクタを試す|社内Google資産を横断検索
Google WorkspaceのデータをまとめてAIに検索させるGemini Enterpriseコネクタの使い方。
Gmailコネクタを試す|メールをアプリの起点にする
GmailをLovableアプリから読み書きする、非エンジニア向け活用ガイド。
Google Docsコネクタを試す|ドキュメントを自動生成・自動更新
Google DocsをLovableから生成・編集する、非エンジニア向けガイド。
Google Driveコネクタを試す|社内ファイル置き場をAIに使わせる
Google DriveのファイルをLovableから読み書きして、ナレッジ検索やファイル管理アプリに活用。
Google Slidesコネクタを試す|提案書・レポートの自動生成
Google Slidesを使ってプレゼン資料を自動生成する非エンジニア向けガイド。
HubSpotコネクタを試す|CRMをアプリと連動させる
HubSpot CRMのデータをLovableアプリから読み書きする、非エンジニア向けガイド。
Inngestコネクタを試す|時間がかかる処理をバックグラウンドで
Inngestで重い処理・定期実行・リトライを安全に動かすLovable向けガイド。
Microsoft Excelコネクタを試す|OneDrive上のExcelをアプリ化
OneDrive上のExcelをLovableから読み書きして業務アプリに変える方法。
Microsoft OneDriveコネクタを試す|社内ファイルをアプリ経由で操作
OneDriveのファイル操作をLovableで自動化する非エンジニア向けガイド。
Microsoft OneNoteコネクタを試す|OneNoteのノウハウを検索可能に
OneNoteの社内ナレッジをLovableで検索・要約できるアプリにする方法。
Microsoft Outlookコネクタを試す|会社メールを業務アプリに
OutlookメールをLovableから読み書きする非エンジニア向けガイド。
Microsoft PowerPointコネクタを試す|PowerPoint資料の自動生成
PowerPointファイルをLovableから自動生成する方法を非エンジニア向けに解説。
Microsoft Teamsコネクタを試す|社内通知ハブをTeamsで
Microsoft TeamsへのメッセージをLovableアプリから自動投稿する方法。
Microsoft Wordコネクタを試す|契約書・報告書の自動生成
Word文書をLovableから自動生成する非エンジニア向けガイド。
Snowflakeコネクタを試す|データ基盤の数字をWeb画面に
SnowflakeのDWHデータをLovableアプリで可視化する非エンジニア向けガイド。
Storyblokコネクタを試す|編集者がページを直感操作できるCMS
ビジュアル編集に強いStoryblokをLovableに繋いで、編集チームに優しいサイトを作る。
Telegramコネクタを試す|Telegram Botを業務に組み込む
Telegram Bot APIを使ってメッセージ自動送信や受付Botを作る非エンジニア向けガイド。
Twilioコネクタを試す|SMSと電話をアプリに組み込む
TwilioでSMS送信や電話発信をLovableアプリに組み込む非エンジニア向けガイド。
Twitchコネクタを試す|配信データを自分のサイトに連動
Twitch APIをLovableに繋いで、配信状況や統計を自サイトに表示する方法。
Wizコネクタを試す|クラウド全体のセキュリティ状況を可視化
Wizのクラウドセキュリティ情報をLovableアプリに表示する方法。
WordPress.comコネクタを試す|WP記事を別サイトに横展開
WordPress.comの記事データをLovableで読み出して別サイト・アプリに活用。
海外記事の和訳 (7)
海外メディアのAI・Lovable関連ニュースを日本語で要約
AIバイブコーディングツール比較|アメリカ・中国・ヨーロッパ産まとめ
Cursor / Replit / Bolt(米)、Trae / 通義霊码 / MarsCode(中)、Lovable / Mistral Le Chat(欧)の特徴・強み・選び方を地域別に比較。
【海外記事和訳】Lovableが『ハードウェア版Vibe Coding』スタートアップに出資(TechCrunch)
TechCrunch報道の和訳要約。Lovableが、Webアプリの“Vibe Coding”体験をハードウェア領域に持ち込もうとする企業へ出資。背景・狙い・日本の開発者への示唆まで整理します。
【海外記事和訳】Vibe Coding向けAI 9選 比較まとめ(Hostinger)
Hostingerが公開した『Best AI for vibe coding: 9 top tools compared』を日本向けに要約。Lovable / Cursor / Bolt / Replit Agent などの位置づけと、用途別の選び方をまとめます。
【海外記事和訳】Rocket.newが『2026年ベストAIアプリビルダー』に(Republic World)
Republic Worldの記事『Rocket.new Is the Best AI App Builder for Developers and Learners in 2026』を和訳要約。Rocket.newの位置づけと、Lovableとの違いを日本の開発者目線で整理します。
【海外記事和訳】網易ニュース・網易小蜜蜂がDeepSeek-V4を統合、コンテンツとコミュニティ体験を全面刷新(品玩 / PingWest)
中国メディア品玩(PingWest)の記事を日本向けに和訳要約。網易(NetEase)系プロダクトが最新のDeepSeek-V4を採用。中国AIモデルのプロダクト実装事例として整理します。
【海外記事和訳】野球エフェクトが世界バズ、可灵AI(Kling AI)が42カ国App Store総合1位(品玩 / PingWest)
品玩(PingWest)の記事を和訳要約。快手(Kuaishou)の動画生成AI『可灵(Kling)』が、野球エフェクト動画でバイラル化し42カ国でApp Store総合1位に。動画AIプロダクトの勝ち筋を整理します。
【海外記事和訳】アリババ健康(阿里健康)が医療AIアシスタント『氢离子(水素イオン)』を正式発表(36kr)
中国メディア36krの記事を和訳要約。阿里健康(Ali Health)がリリースした医療AIアシスタント『氢离子』。ヘルスケア×生成AIの中国側ユースケースとして整理します。
社内事例 (5)
日本企業がLovableで作ってみた/作るとよい社内ツール事例集(作成推奨/作成不要の判断軸つき)
【作成推奨】見積書チェックBotを社内Slackに置いた中小製造業の話
AI見積りシステムやOCRで発注書を突合する国内事例を踏まえ、中小製造業が『見積書チェックBot』をLovableで内製する作り方と効果をまとめます。
【作成推奨】議事録要約→タスク自動起票で会議後30分を取り戻した話
国内の議事録AI活用事例(内外テック/印西市/メモリーグループ等)を踏まえ、Lovableで『議事録要約→タスク自動起票』ツールを内製する手順をまとめます。
【作成推奨】社内FAQ検索Botを内製してヘルプデスク負荷を半減した話
ファーストトレード/荏原製作所/ソフトバンク等の国内事例を踏まえ、Lovableで『社内FAQ検索Bot』をRAG構成で内製する作り方をまとめます。
【作成不要】『営業メールの下書き』は作らなくていい — ChatGPTで足りる仕事の見分け方
AIネイティブな働き方の視点で『社内ツール化すべき仕事』と『汎用AIチャットで十分な仕事』を切り分ける判断軸。営業メール下書きを例に、なぜ作らない方が良いかを解説します。
【作成推奨】『自社固有データに答えるBot』は作るべき — 作成推奨/不要の判断フレーム
中小企業がAIネイティブになる過程で必ず迷う『作る/作らない』の判断軸を、4つの問いと実例マトリクスで整理。Lovableで何から作るべきかが決まります。