Custom MCPを試す｜自分で作ったMCPをLovableに繋ぐ

これは何？ 自社の社内APIや独自ツールをMCPサーバーとして公開すれば、Lovableチャットからツールとして呼べます。

これで何ができるようになる？#

• 社内マスタAPIをチャットから検索
• 独自RAG検索をLovable開発中に活用
• ニッチなSaaSを自分でMCP化して連携

こんな人にハマります / そうでない人#

• ✅ 向いている：独自ツールが多い社内開発
• ⚠️ 向いていない：既製コネクタで全部足りる人

はじめての接続手順#

1. Custom MCP側でMCPアクセス用のURL/トークンを発行
2. Lovable右上 → Chat connectors → 該当MCPを追加
3. URL/トークンを貼り付け → 接続テスト

そのまま試せるチャット例#

以下をLovableチャットに貼って試してみてください。

Custom MCP のデータを使って、社内マスタAPIをチャットから検索 を実装してください。

Custom MCP から最新の情報を取得し、要約をダッシュボードに表示するページを /dashboard に作ってください。

よくある失敗とリカバリ#

• 権限不足：管理者でないとMCPアクセスを有効化できないケースが多い。担当者に依頼を。
• トークン期限切れ：定期的に再発行 → Lovable側で更新が必要。
• 公開範囲の絞り込み忘れ：本来見せたくない情報まで見えると事故。最初に対象を絞る。

裏側の仕組み（ざっくり）#

MCP（Model Context Protocol）は『AIに対して安全に外部ツールを使わせる共通の話し方』です。Custom MCP側がMCPサーバーを用意していれば、Lovableチャットがそのツールを呼び出せます。あなた専用のチャット拡張なので、最終アプリのユーザーには公開されません。

次の一歩#

Custom MCP で扱える情報を1つ決めて、まず『取得→チャットで確認』の小さな成功体験から始めるのが定着のコツです。慣れてきたら『取得→実装→完了マーク』まで自動化に広げてください。