GitHub Copilot × CData Code Assist MCP for Shopify で Shopify のリアルタイムデータを活用する方法

GitHub Copilot は、Visual Studio Code をはじめとする IDE に統合された AI コーディングアシスタントです。MCP に対応しているため、ローカルツールやエンタープライズデータソースに接続し、開発中にリアルタイムデータを自然言語で操作できます。

Model Context Protocol（MCP） は、LLM クライアントを外部サービスに接続するためのオープンスタンダードです。MCP サーバーはスキーマの探索やリアルタイムクエリなどの機能を提供し、AI エージェントがリアルタイムデータに安全かつ一貫した方法でアクセスできるようにします。

この記事では、CData Code Assist MCP for Shopify のインストールから Shopify への接続設定、Code Assist MCP アドオンと GitHub Copilot の連携、さらに Visual Studio Code から Shopify のデータ をクエリする方法まで、ステップバイステップで解説します。

前提条件

• Visual Studio Code がインストールされていること
• Visual Studio Code で GitHub Copilot Chat 拡張機能が有効になっていること
• CData Code Assist MCP for Shopify がインストールされていること

ステップ1：CData Code Assist MCP for Shopify のダウンロードとインストール

1. まずは CData Code Assist MCP for Shopify をダウンロードします。
2. ダウンロードしたインストーラーをダブルクリックして実行します。
3. 画面の指示に従ってインストールを完了させます。

インストールが完了したら、Shopify への接続設定に進みましょう。

ステップ2：Shopify への接続を設定

1. インストールが完了すると、CData Code Assist MCP for Shopify の設定ウィザードが起動します。

   注意：ウィザードが自動的に起動しない場合は、Windows の検索バーで「CData Code Assist MCP for Shopify」と入力し、アプリケーションを起動してください。

   
2. MCP Configuration > Configuration Name で、既存の構成を選択するか、 を選択して新しい構成を作成します。
3. 構成名を入力（例：「cdata_shopify」）し、OK をクリックします。

4. 設定ウィザードで適切な接続プロパティを入力します。

   それでは、Shopify への接続・認証について説明していきましょう。Shopify では、アクセストークンとOAuth の2つの接続方法をサポートしています。

   アクセストークンによる接続

   アクセストークン経由の接続には、以下の2つのステップが必要です。

   1. Shopify の管理画面でアクセストークンを作成
   2. アクセストークンを使用して認証

   アクセストークンの作成

   まず、アプリを登録してアクセストークンを取得してみましょう。手順は以下のとおりです。

   1. 管理画面からShopify にログインし、Apps → Apps and sales channels に進みます
   2. Develop apps をクリックしてCreate an app を選択します
   3. Overview タブのConfiguration で、Admin API integration をクリックし、アプリに許可するストアのアクセス権を選択してください。CData製品が必要とするAdmin API 権限については、 href="/kb/help/" target="_blank">ヘルプドキュメントの「はじめに」セクションをご確認ください
   4. Save をクリックします
   5. Overview タブのConfiguration で、Storefront API integration をクリックし、アプリに許可するストアのアクセス権を選択します。CData製品が必要とするStorefront API 権限は以下のとおりです：
      • unauthenticated_read_content
   6. Save をクリックします
   7. API Credentials を選択します
   8. "Access tokens" の下でInstall app をクリックします。これでアクセストークンが作成されます
   9. Admin API Access token のアクセストークンをコピーします。注意：トークンの公開およびコピーは1回のみ可能ですので、必ず保存してください

   アクセストークンによる認証

   続いて、アクセストークンで認証するには、以下のプロパティを設定してください。

   • AuthScheme：AccessToken に設定
   • AccessToken：カスタムアプリからコピーしたアクセストークンの値に設定

   OAuth 認証を介した接続については、ヘルプドキュメントの「OAuth 認証の使用」をご確認ください。

   
5. Connect をクリックして、Shopify に認証します。
6. Save & Test をクリックして接続を確定します。

この操作により、GitHub Copilot が Code Assist MCP アドオンを起動する際に参照する .mcp 構成ファイルが作成されます。続いて、Code Assist MCP アドオンを GitHub Copilot に接続しましょう。

ステップ3：Code Assist MCP アドオンを GitHub Copilot に接続

1. Visual Studio Code をダウンロード・インストールし、GitHub Copilot Chat 拡張機能を有効にします。

方法1：MCP 構成を手動で追加する

1. mcp.json ファイルを開くか新規作成します。
   • グローバル設定の場合：%%APPDATA%%/Roaming/Code/User/mcp.json
   • プロジェクト固有の設定の場合：/.vscode/mcp.json
2. 以下の JSON コードを追加してファイルを保存します。

{
  "servers": {
    "cdata_shopify": {
      "command": "C:\Program Files\CData\CData Code Assist MCP for Shopify\jre\bin\java.exe",
      "args": [
        "-Dfile.encoding=UTF-8",
        "-jar",
        "C:\Program Files\CData\CData Code Assist MCP for Shopify\lib\cdata.mcp.shopify.jar",
        "cdata_shopify"
      ]
    }
  }
}

注意：command の値には Java 17+ の java.exe 実行ファイルへのパスを、JAR パスには CData Code Assist MCP アドオンの .jar ファイルへのパスを指定してください。最後の引数は、CData 設定ウィザードで保存した MCP 構成名（例：「cdata_shopify」）と一致させる必要があります。

方法2：CData Code Assist MCP for Shopify の UI から MCP 構成をコピーする

1. 設定ウィザードで接続の保存とテストが完了したら、Next をクリックします。
2. AI MCP Tool ドロップダウンから Github Copilot を選択します。
3. MCP Client Instructions に従って、必要な構成ファイルを作成します。
4. 表示された JSON コードをコピーして、構成ファイルに貼り付けます。

ステップ4：GitHub Copilot からリアルタイム Shopify のデータ をクエリ

1. Visual Studio Code を起動し、GitHub Copilot Chat インターフェースを開きます。ツールアイコンを選択して、設定済みの Code Assist MCP アドオンを有効にします。
2. 自然言語で Shopify のデータ について質問してみましょう。例：

   "List all tables available in my Shopify のデータ data connection."

   
3. 自然言語プロンプトを使って開発を進めることもできます：

   For my project, data from the Customers is very important. Pull data from the most important columns like FirstName and Id.
   

これで GitHub Copilot と CData Code Assist MCP for Shopify の連携は完了です。MCP ツールを使用して、スキーマの探索や Shopify に対するリアルタイムクエリを実行できます。

Code Assist MCP で構築。CData Drivers で本番運用。

Code Assist MCP を無料でダウンロードして、開発中にライブの Shopify のデータ へのスキーマ対応アクセスを AI ツールに提供しましょう。本番環境に移行する際は、CData Shopify Drivers が同じ SQL ベースのアクセスをエンタープライズグレードのパフォーマンス、セキュリティ、信頼性で提供します。

CData コミュニティにアクセスして、インサイトの共有や質問、MCP を活用した AI ワークフローの可能性を探索しましょう。