CData Connect AI を使って Windsurf IDE からリアルタイム GMO MakeShop データにアクセス

Windsurf は、プロジェクトのコンテキストを理解し、エディタ内で複雑なタスクを自律的に実行するコーディングエージェント Cascade を中心に設計された AI ネイティブ IDE です。Cascade は MCP（Model Context Protocol） をサポートしており、エージェントが開発環境から離れることなく外部ツールやデータソースを検出し、呼び出すことができます。

Windsurf を CData Connect AI の組み込み MCP サーバー と連携することで、Cascade エージェントはガバナンスの効いたリアルタイムGMO MakeShop のデータに IDE 内からアクセスできるようになります。これにより、開発者は自然言語プロンプトを使って、Windsurf から直接カタログの一覧表示、スキーマの確認、GMO MakeShop のデータレコードのクエリが行えます。

この記事では、Connect AI での GMO MakeShop 接続の設定、必要な Personal Access Token の生成、Windsurf への Connect AI MCP Server の設定、そして Cascade チャットからリアルタイムGMO MakeShop のデータをクエリして連携を確認する方法について説明します。

ステップ 1：Windsurf 用の GMO MakeShop 接続を設定

Windsurf から GMO MakeShop への接続は、CData Connect AI のリモート MCP サーバーによって実現されます。Windsurf からGMO MakeShop のデータを操作するには、まず CData Connect AI で GMO MakeShop 接続を作成・設定します。

1. Connect AI にログインし、Sources をクリック、次に Add Connection をクリック

2. Add Connection パネルから GMO MakeShop を選択

3. GMO MakeShop に接続するために必要な認証プロパティを入力します。

   GMO MakeShop に接続するには、MembersAccessCode、OrdersAccessCode、ProductsAccessCode、およびShopId が必要です。

   GMO MakeShop へのアクセスの設定

   MembersAccessCode、OrdersAccessCode、ProductsAccessCode、およびShopId を取得するには、以下の手順に従ってください。

   • GMO MakeShop には各API のAccessCode が必要です。
   • GMO MakeShop Store Manager にログインし、メニューの「ショップ作成」をクリックします。
   • 左ナビゲーションメニューの「外部システム連携」から任意の連携対象設定ををクリックします（メニューに表示されない場合は別途GMO MakeShop にご確認ください）。
   • 商品データ連携設定の場合：認証コードの「発行」ボタンをクリックし、ProductsAccessCode を取得します。
   • 注文データ連携設定の場合：最初に「注文情報参照」と「注文情報変更」の設定を選択します。選択後、認証コードの「発行」ボタンをクリックし、OrdersAccessCode を取得します。
   • 会員データ連携設定の場合：最初に「会員情報の（参照・登録・変更・削除）」の設定を選択します。選択後、認証コードの「発行」ボタンをクリックし、MembersAccessCode を取得します。
   • 会員認証連携設定の場合：認証コードの「発行」ボタンをクリックし、ProductsAccessCode を取得します。

   GMO MakeShop アカウントの認証

   次の接続プロパティを設定して接続します。

   • ShopId：接続先のGMO MakeShop Store ID を設定。GMO MakeShop Store ID はログイン用の ID と同じです。
   • OrdersAccessCode：「注文データ連携設定」から取得した「認証コード」を設定。このプロパティは Orders テーブルにアクセスする場合に必要です。
   • ProductsAccessCode：「商品データ連携設定」から取得した「認証コード」を設定。このプロパティは Products テーブルにアクセスする場合に必要です。
   • MembersAccessCode：「会員データ連携設定」から取得した「認証コード」を設定。このプロパティは Members テーブルにアクセスする場合に必要です。
   • MemberAuthenticationCode：「会員認証連携設定」から取得した「認証コード」を設定。このプロパティは MemberAuthenticationConfirm を実行する場合に必要です。
   • Password：GMO MakeShop Store Manager のログインユーザーのパスワードを指定。このプロパティは ProductCategoryRegistrationOrModification,ProductMemberGroupPriceRegistrationOrModification,ProductOptionRegistrationOrModification,ProductRegistrationOrModification を実行する場合に必要です。
   
4. Save & Test をクリック
5. Permissions タブに移動し、ユーザーベースの権限を更新

Personal Access Token を追加

Personal Access Token（PAT）は、Windsurf から Connect AI への接続を認証するために使用されます。きめ細かいアクセス制御を維持するため、連携ごとに個別の PAT を作成することをお勧めします。

1. Connect AI アプリの右上にある歯車アイコン（）をクリックして Settings を開く
2. Settings ページで Access Tokens セクションに移動し、 Create PAT をクリック
3. PAT にわかりやすい名前を付けて Create をクリック

4. Personal Access Token は作成時にのみ表示されるので、必ずコピーして安全な場所に保存してください

GMO MakeShop 接続の設定と PAT の生成が完了したら、Windsurf から Connect AI 経由でGMO MakeShop のデータに接続できます。

ステップ 2：Windsurf で Connect AI MCP を設定

次に、Cascade エージェントが Connect AI を通じてリアルタイムデータツールを検出・呼び出せるよう、Windsurf に Connect AI リモート MCP サーバーを設定します。

1. Windsurf IDE をダウンロードしてインストール
2. Windsurf を開き、右上のプロフィールアイコンをクリックして Windsurf Settings を選択
3. Cascade セクションで MCP Servers を見つけ、Open MCP Registry をクリック
4. MCP Marketplace で右上の Add custom MCP をクリック
5. この操作で mcp_config.json ファイルが開きます。以下の JSON を貼り付けてください：

   {
       "mcpServers": {
           "cdata-mcp": {
               "serverUrl": "https://mcp.cloud.cdata.com/mcp",
               "headers": {
                   "Authorization": "Basic your_base64_encoded_email_PAT",
                   "Content-Type": "application/json"
               }
           }
       }
   }
   		

   注意：Windsurf は Connect AI に対して Basic 認証を使用します。Connect AI のユーザーメールアドレスと先ほど作成した PAT を email:PAT の形式で連結し、その文字列を Base64 エンコードして Basic を先頭に付けてください。例えば [email protected]:ABC123...XYZ789 の場合、Authorization ヘッダーの値は Basic dXNlckBkb21haW4uY29tOkFCQzEyMy4uLlhZWjc4OQ== のようになります。

   
6. mcp_config.json ファイルを保存し、MCP Registry に戻る
7. Installed の下に cdata-mcp が表示され、Enabled とマークされていることを確認

MCP サーバーの登録と有効化が完了したら、Windsurf から Connect AI を通じてリアルタイムのGMO MakeShop のデータをクエリする準備が整いました。

ステップ 3：Windsurf からリアルタイムのGMO MakeShop のデータをクエリ

連携が完了したら、Windsurf の Cascade チャットパネルを使って自然言語プロンプトでリアルタイムのGMO MakeShop のデータを操作できます。

1. Windsurf の上部バーで Editor から Agent に切り替えて新しい Cascade チャットを開く
2. チャットパネルの下部で cdata-mcp サーバーが表示され、トグルが有効になっていることを確認
3. 以下のようなプロンプトを入力してエージェントとのやり取りを開始：
   • cdata-mcp 接続内のすべてのカタログを一覧表示して
   • GMO MakeShop で利用可能なスキーマとテーブルを表示して
   • GMO MakeShop のデータ のテーブルからトップ 5 件のレコードをクエリして
4. Cascade エージェントが Connect AI MCP Server を呼び出し、リアルタイムのGMO MakeShop のデータを返します

これで、Windsurf IDE が Connect AI MCP Server と通信し、エディタから直接リモート MCP を通じてリアルタイムのGMO MakeShop のデータを取得できるようになりました。

CData Connect AI を入手

数百種類の SaaS、ビッグデータ、NoSQL データソースに開発ツールから直接アクセスするには、CData Connect AI をお試しください！