Gemini Code Assist で BigCommerce データを活用したアプリケーション開発 | CData Code Assist MCP

Somya Sharma
Somya Sharma
Technical Marketing Engineer
CData Code Assist MCP for BigCommerce を使って、Gemini Code Assist からリアルタイムの BigCommerce のデータを探索し、BigCommerce 連携アプリケーションの開発を効率化する方法を解説します。

Gemini Code Assist は、日常の開発ワークフローにインテリジェントなコード生成を統合する、AI 搭載のコーディングアシスタントです。MCP をサポートしているため、Gemini Code Assist は Visual Studio Code から直接エンタープライズデータソースに接続でき、コンテキストを切り替えたりデータアクセスコードを手動で記述したりすることなく、自然言語で構造化データを操作できます。

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

このガイドでは、CData Code Assist MCP for BigCommerce のインストール、BigCommerce への接続設定、Code Assist MCP アドオンと Gemini Code Assist の連携、そしてエディタ内からのリアルタイム BigCommerce のデータのクエリまでを、ステップバイステップで解説します。

前提条件

作業を始める前に、以下の要件を満たしていることを確認してください。

  1. Visual Studio Code がインストール済みであること
  2. Gemini Code Assist 拡張機能が Visual Studio Code で有効化されていること
  3. CData Code Assist MCP for BigCommerce がインストール済みであること
  4. BigCommerce へのアクセス権があること

注意: MCP サーバーを設定する前に、Gemini Code Assist が Visual Studio Code で正常にセットアップされ、動作していることが必要です。MCP サーバーは、Gemini Code Assist が Agent モードで実行されている場合にアクセスされます。

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

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

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

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

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

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

  2. MCP Configuration > Configuration Name で、既存の構成を選択するか、 を選択して新しい構成を作成します。
  3. 構成名を入力し(例:「cdata_bigcommerce」)、OK をクリックします。
  4. 設定ウィザードで、適切な接続プロパティを入力します。

    BigCommerce 認証は標準のOAuth フローに基づいています。

    Store ID の取得

    BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。

    1. BigCommerce アカウントにログインします。
    2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
    3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
    4. 画面にAPI Path という名前のテキストボックスが表示されます。
    5. テキストボックス内に、次の構造のURL が表示されます:https://api.bigcommerce.com/stores/{Store Id}/v3。
    6. 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
    7. Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。

    パーソナルアクセストークンの取得

    加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。

    1. BigCommerce アカウントにログインします。
    2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
    3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
    4. アカウント名を入力します。
    5. 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品 は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
    6. 「保存」をクリックします。

    BigCommerce への認証

    次に、以下を設定してデータに接続できます。
    • StoreId:API Path テキストボックスから取得したStore ID に設定。
    • OAuthAccessToken:生成したトークンに設定。
    • InitiateOAuth:OFF に設定。
  5. Connect をクリックして、OAuth 経由で BigCommerce に認証します。
  6. 続いて、Save Configuration をクリックして Code Assist MCP アドオンの設定を保存します。

この操作により、Gemini Code Assist が Code Assist MCP アドオンを起動する際に参照する .mcp 構成ファイルが作成されます。Code Assist MCP アドオンの設定が完了したら、次は Gemini Code Assist との接続に進みましょう。

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

  1. Visual Studio Code がインストールされ、Gemini Code Assist 拡張機能が有効化されていることを確認します。
  2. 設定ウィザードで接続の保存とテストが完了したら、Next をクリックします。
  3. AI MCP Tool ドロップダウンから Gemini Code Assist を選択します。
  4. Copy JSON をクリックして、生成された MCP 構成をクリップボードにコピーします。
  5. コピーした JSON を、使用するスコープに応じた構成ファイルに貼り付けます。
    • ユーザーレベル: 現在のユーザーのすべてのプロジェクトに構成が適用されます。
    • ワークスペースレベル: 現在のワークスペースまたはプロジェクトにのみ構成が適用されます。

    注意: 構成には、Java 17+ の実行ファイルのパスと CData Code Assist MCP アドオンの JAR ファイルのパスが含まれています。最後の引数は、ウィザードで保存した MCP 構成名と一致している必要があります(例:「cdata_bigcommerce」)。

  6. 構成ファイルを保存し、必要に応じて Visual Studio Code を再起動します。

ステップ4:Gemini Code Assist でリアルタイムの BigCommerce のデータをクエリ

  1. Visual Studio Code を開き、アクティビティバーの Gemini Code Assist を選択します。
  2. チャットプロンプトで /mcp と入力して、接続状態を確認します。BigCommerce の Code Assist MCP アドオンが緑色の接続インジケーターとともに表示されます。
  3. 自然言語を使って BigCommerce のデータについて質問してみましょう。例:
    "Provide the list of all tables available in my BigCommerce のデータ connection."
  4. リアルタイムの BigCommerce のデータを操作するコードを生成することもできます。例:
    "Write a function to retrieve records from the Customers table where FirstName matches a given value."

これで、Gemini Code Assist と CData Code Assist MCP アドオンの連携が完了しました。MCP ツールを活用して、スキーマの探索、BigCommerce に対するリアルタイムクエリの実行、データに基づいたコード生成を行えます。

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

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

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

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

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

 ダウンロード

詳細:

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

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