> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cloud.cdata.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Lovable

> Lovable はアプリや Web サイトを作成できる AI プラットフォームです。Connect AI のデータを基に Lovable でアプリケーションを構築できます。

## 前提条件

Lovable を Connect AI と連携させる前に、以下の準備が必要です。

* Lovable の Business または Enterprise プランに加入していることを確認します。

* Connect AI アカウントにデータソースを接続します。詳細については、[ソース](/ja/Sources) を参照してください。

## Lovable を Connect AI MCP に接続する

<Steps>
  <Step>
    Lovable で **Settings** > **Connectors** > **Personal Connectors** に移動します。
  </Step>

  <Step>
    **New MCP server** を見つけて **Set up** をクリックします。

    <Frame>
      <img src="https://mintcdn.com/cdata/tJfdD354GT5ojxph/ja/images/lovable_client_newmcp.png?fit=max&auto=format&n=tJfdD354GT5ojxph&q=85&s=ba296fbbdb8059a5add21257d992de5f" alt="新規 MCP サーバー" width="986" height="386" data-path="ja/images/lovable_client_newmcp.png" />
    </Frame>
  </Step>

  <Step>
    以下のセットアップ詳細を入力します：

    * **Server Name**—*Custom MCP server* などのユーザー定義サーバー名を入力します。
    * **Server URL**—*[https://mcp.cloud.cdata.com/mcp](https://mcp.cloud.cdata.com/mcp)* を入力します。
    * **Authentication**—**OAuth** を選択します。
  </Step>

  <Step>
    CData Connect AI アカウントのメールアドレス（[user@cdata.com](mailto:user@cdata.com) など）とパスワードで認証します。認証が成功すると、利用可能な CData コネクタがコネクタリストに表示されます。
  </Step>

  <Step>
    **Manage Permissions** をクリックして、MCP サーバーが公開するツールの権限を設定します。

    <Frame>
      <img src="https://mintcdn.com/cdata/tJfdD354GT5ojxph/ja/images/lovable_client_permissions.png?fit=max&auto=format&n=tJfdD354GT5ojxph&q=85&s=4d0c4243ae316b93b9dc99eea438d80c" alt="権限の管理" width="978" height="261" data-path="ja/images/lovable_client_permissions.png" />
    </Frame>
  </Step>

  <Step>
    Lovable が CData MCP サーバーと正常に通信していることを確認するためにテストプロンプトを実行できます。たとえば、プロンプト ***List all MCP tools.*** を入力します。出力には `getCatalogs`、`queryData` などのツールのリストが返されます。
  </Step>

  <Step>
    自然言語プロンプトを使用して Connect AI 内の接続済みデータソースをクエリできるようになりました（例：***Get all data from the Dnd table from the Slack connection*** や ***Get the top 10 records from the Automations table from the MailChimp connection***）。

    <Frame>
      <img src="https://mintcdn.com/cdata/tJfdD354GT5ojxph/ja/images/lovable_client_prompt.png?fit=max&auto=format&n=tJfdD354GT5ojxph&q=85&s=625b9a1442bca31e29ade2dfc55ffffa" alt="Lovable プロンプトのサンプル" width="2101" height="1015" data-path="ja/images/lovable_client_prompt.png" />
    </Frame>

    <Note>
      プロンプトのアイデアのリストについては、CData の[プロンプトライブラリ](https://jp.cdata.com/solutions/mcp/prompt-library/)を参照してください。
    </Note>
  </Step>
</Steps>