CData Connect AI 経由で Theia IDE からリアルタイムでShopify のデータにクエリ

Yazhini G
Yazhini G
Technical Marketing Engineer
CData Connect AI のリモート MCP サーバーを活用して、Theia IDE の組み込み AI エージェントからShopify のデータにセキュアにアクセスし、開発環境内で直接クエリを実行できます。

Theia IDE は、柔軟で拡張性の高い開発環境を提供する、オープンソースのクラウド・デスクトップ対応 IDE プラットフォームです。組み込みの AI 機能は複数の LLM プロバイダーと MCP（Model Context Protocol）ツール連携をサポートしており、開発者は IDE 内のチャットベースのエージェントから直接、外部のライブデータソースとやり取りできます。

Theia IDE と CData Connect AI を組み込みの MCP サーバーを介して連携させると、Theia の AI エージェントがリアルタイムでShopify のデータにセキュアにアクセスできるようになります。エディタを離れることなく、カスタムの連携コードを書く必要もなく、カタログの一覧表示やスキーマの探索、Shopify のデータのレコードのクエリが可能です。

この記事では、Connect AI での Shopify 接続の設定、必要な Personal Access Token の生成、Theia IDE への CData Connect AI MCP サーバーの登録、LLM プロバイダーによる AI 機能の有効化、そして Theia AI Chat からリアルタイムでShopify のデータにクエリして連携を確認する方法を解説します。

ステップ 1：Theia IDE 用に Shopify への接続を設定

Theia IDE から Shopify への接続は、Connect AI のリモート MCP サーバーを介して実現します。Theia IDE からShopify のデータを操作するために、まずは Connect AI で Shopify への接続を作成・設定しましょう。

  1. Connect AI にログインし、Sources をクリック、次に Add Connection をクリック
  2. 接続を追加パネルから Shopify を選択
  3. Shopify に接続するために必要な認証プロパティを入力します。

    それでは、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 認証の使用」をご確認ください。

  4. Save & Test をクリック
  5. Permissions タブに移動し、ユーザーベースのアクセス許可を設定

Personal Access Token の追加

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

  1. Connect AI 画面の右上にある歯車アイコン（）をクリックして Settings を開きます
  2. Settings ページで Access Tokens セクションに移動し、 Create PAT をクリック
  3. PAT にわかりやすい名前を入力し、Create をクリック
  4. 表示されたトークンをコピーして安全に保存してください。トークンは作成時にのみ表示されます

Shopify の接続設定と PAT の生成が完了しました。これで Theia IDE から Connect AI を通じてShopify のデータに接続する準備が整いました。

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

続いて、Theia IDE に CData Connect AI のリモート MCP サーバーを登録して、組み込みの AI エージェントが Connect AI を通じてライブデータツールを検出・呼び出せるようにしましょう。

  1. Theia IDE をダウンロードしてインストール
  2. Theia IDE を開き、Settings に移動（または Ctrl + , を押す）して Settings ビューを開きます
  3. Settings パネルで AI Features を展開し、MCP を選択
  4. Edit in settings.json をクリックして設定ファイルを開き、以下の JSON を貼り付けます： 
    {
    "ai-features.mcp.mcpServers": {
        "cdata": {
            "serverUrl": "https://mcp.cloud.cdata.com/mcp",
            "serverAuthToken": "Basic your_base64_encoded_email_PAT",
            "serverAuthTokenHeader": "Authorization"
        }
    }
}

    注意：Theia IDE は Connect AI への接続に Basic 認証を使用します。Connect AI のユーザーメールアドレスと、先ほど作成した PAT を email:PAT の形式で組み合わせ、Base64 エンコードした文字列の先頭に Basic を付けます。例えば、[email protected]:ABC123...XYZ789 の場合、serverAuthToken の値は Basic dXNlckBkb21haW4uY29tOkFCQzEyMy4uLlhZWjc4OQ== のようになります。

  5. settings.json ファイルを保存

AI の有効化と LLM プロバイダーの設定

Theia IDE でエージェントの推論を機能させるには、AI 機能を有効化し、少なくとも 1 つの LLM プロバイダーを設定する必要があります。

  1. Settings に戻り、AI Features から AI Enablement を選択
  2. Enable AI のチェックボックスをオンにして、Theia の AI 機能を有効化
  3. AI Features で、使用する LLM プロバイダー（Anthropic、OpenAI、Google、Hugging Face など）を選択し、API キーを入力

MCP サーバーの登録と LLM プロバイダーの設定が完了しました。これで Theia の AI エージェントが Connect AI を通じてリアルタイムでShopify のデータにクエリできるようになりました。

ステップ 3：Theia AI Chat からリアルタイムでShopify のデータにクエリ

連携の設定が完了したので、Theia AI Chat パネルからShopify のデータを操作してみましょう。

  1. Theia IDE の右側サイドバーから AI Chat パネルを開きます
  2. チャットの下部にある Toggle Capabilities Configuration アイコンをクリック（または Ctrl + Shift + . を押下）して Capabilities パネルを開きます
  3. Generic Capabilities から MCP を展開し、cdata サーバー（およびエージェントに公開したい特定のツール）にチェックを入れて、Connect AI のツールをエージェントから利用可能にします
  4. チャット入力欄に @AppTester と入力し、続けてプロンプトを記述します。例えば：
    • cdata mcp のすべてのカタログを一覧表示して
    • Shopify の利用可能なスキーマとテーブルを表示して
    • Shopify のデータのテーブルから上位 5 件のレコードを取得して
  5. エージェントが Connect AI MCP サーバーを呼び出し、Shopify のデータからリアルタイムの結果を返します

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

CData Connect AI の入手

クラウドアプリケーションから 数百種類の SaaS、ビッグデータ、NoSQL ソースに直接アクセスするには、CData Connect AI をぜひお試しください。 14日間の無償トライアルをダウンロードして、今すぐお試しいただけます。ご不明な点がございましたら、サポートチーム までお気軽にお問い合わせください。

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

CData Connect AI の詳細、または無料トライアルにお申し込みください：

無料トライアル

この記事の内容

関連記事