【Code Assist MCP】Shopify × Claude Code 連携ガイド | AI でデータを徹底活用

Anusha M B
Anusha M B
Technical Marketing Engineer
CData Code Assist MCP を使って、Claude Code から Shopify のリアルタイムデータにアクセスし、Shopify を活用したアプリケーション開発を効率化する方法を解説します。

Claude Code は、AI を活用したコマンドラインツールで、エージェント型のコーディングワークフローを実現します。MCP に対応しているため、ターミナルからローカルツールやエンタープライズデータソースに直接接続でき、コンテキストを切り替えることなくライブシステムと自然言語でやりとりできます。

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

この記事では、CData Code Assist MCP for Shopify のインストール、Shopify への接続設定、Code Assist MCP アドオンと Claude Code の連携、そしてターミナルからリアルタイムの Shopify のデータ をクエリする方法を順を追って解説します。

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

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

インストールが完了したら、Shopify への接続を設定して Code Assist MCP アドオンを構成していきましょう。

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

  1. インストール完了後、CData Code Assist MCP for Shopify の設定ウィザードを開きます。

    NOTE: ウィザードが自動的に起動しない場合は、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 にログインし、AppsApps 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回のみ可能ですので、必ず保存してください

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

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

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

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

  5. Connect をクリックして、Shopify の認証を行います。
  6. 続いて、Save Configuration をクリックして Code Assist MCP アドオンの設定を保存します。

この操作により、Claude Code が Code Assist MCP アドオンの起動時に参照する .mcp 構成ファイルが作成されます。これで Code Assist MCP アドオンの設定が完了したので、次は Claude Code との連携を設定していきましょう。

ステップ3:Code Assist MCP アドオンを Claude Code に接続

  1. ターミナルを使って Claude Code CLI をインストールします。
  2. Claude Code の設定ファイル ~/.config/claude-code/config.json(または初期化後に表示されるパス)を開きます。

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

  1. お使いのエディターで mcp.json ファイルを開きます。
  2. 以下のコードを追加します。
  3. {
    "mcpServers" : {
      "cdata_shopify" : {
        "type" : "stdio",
        "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" ],  
        "env" : {}
      }
    }
    }
    

    NOTE: 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 ドロップダウンから Claude Code を選択します。
  3. Copy JSON をクリックして、生成された MCP 構成をクリップボードにコピーします。
  4. コピーした JSON を mcp.json ファイルに貼り付けます。

ステップ4:Claude Code で接続を確認

Claude Code には、アプリケーションの構築を開始する前に接続が有効であることを確認するためのツールが用意されています。

  1. ターミナルを開いてプロジェクトディレクトリに移動し、claude mcp list コマンドを実行します。
  2. 構成名が Connected ステータスで表示されていることを確認します。
  3. claude を実行して Claude Code を起動します。
  4. Claude Code セッション内で /mcp と入力して、アクティブなサーバーを確認します。

ステップ5:Claude Code でリアルタイムの Shopify のデータ をクエリ

接続が確認できたら、自然言語のプロンプトを使ってリアルタイムの Shopify のデータ をクエリしたり操作したりできます。

  1. まず、Claude Code に MCP 接続の手順を確認するようプロンプトを入力し、コード生成時に適切なコンテキストが参照されるようにします。
  2. あとは自然言語のプロンプトで開発を進めるだけです。例えば:
    For my project, data from the Customers is very important. Pull data from the most important columns like FirstName and Id.

Claude Code は MCP アドオンを通じて Shopify に接続し、リクエストされたデータを取得して、ターミナル上に直接結果を表示します。

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

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

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

はじめる準備はできましたか?

Shopify Code Assist MCP の無料トライアルをダウンロード:

 ダウンロード

詳細:

Shopify Icon Shopify Code Assist MCP お問い合わせ

The CData Code Assist MCP for Shopify provides schema-aware context for AI-assisted code generation with live Shopify data.