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

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

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

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

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

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

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

  1. Connect AI にログインし、Sources をクリック、次に Add Connection をクリック
    2. Connect AI で接続を追加
  2. 接続を追加パネルから GMO MakeShop を選択
    3. データソースの選択
  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 を実行する場合に必要です。
    接続の設定（Salesforce の例）
  4. Save & Test をクリック
  5. Permissions タブに移動し、ユーザーベースのアクセス許可を設定
    6. アクセス許可の更新

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. 新しい PAT の作成
  4. 表示されたトークンをコピーして安全に保存してください。トークンは作成時にのみ表示されます

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

ステップ 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 を選択 Theia の 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== のようになります。

    settings.json に CData Connect AI MCP サーバーの設定を貼り付け
  5. settings.json ファイルを保存

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

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

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

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

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

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

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

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

CData Connect AI の入手

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

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

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

無料トライアル

この記事の内容

関連記事