Looker 拡張機能 for VS Code のスタートガイド

Visual Studio Code(VS Code)用の Looker by Google Cloud 拡張機能を使用すると、ローカル デスクトップ環境内で LookML を直接開発できます。高度な構文ハイライト表示、Looker インスタンスとの双方向ファイル同期、「バイブ コーディング」のための AI コーディング エージェントとの統合が提供されます。

この拡張機能は Visual Studio Code(VS Code)フレームワークを使用して構築されており、次の IDE やコーディング ツールなど、VS Code IDE に基づく統合開発環境(IDE)をサポートしています。

  • Claude Code
  • Codex
  • Cursor
  • Kiro
  • VS Code
  • Windsurf
  • Zed

IntelliJ や Eclipse など、VS Code のフォークではない IDE は、Looker extension for VS Code ではサポートされていません。

このガイドでは、拡張機能を設定して認証する方法について説明します。

AI 対応ワークフロー

Looker extension for VS Code は、LookML ファイルの編集と作成のための AI 対応エージェント開発ワークフローの一部です。このワークフローを有効にするには、次のツールを構成します。

  • VS Code に基づくローカル IDE 。IDE には組み込みの AI エージェント(Cursor など)が含まれている必要があります。IDE に組み込みの AI エージェントが含まれていない場合は、IDE をスタンドアロン エージェント ツールGemini CLI や Claude Code など)と統合する必要があります。IDE をエージェントに接続する方法については、ローカル IDE のドキュメントをご覧ください。
  • Looker extension for VS Code
  • MCP サーバーLooker マネージド MCP サーバーなど)。

AI 対応ワークフローの詳細については、Looker を使用した AI 支援開発(バイブ コーディング)のドキュメント ページをご覧ください。

始める前に

拡張機能をインストールする前に、次の要件を満たす必要があります。

  • Looker マネージド MCP サーバー(省略可、推奨): AI 支援開発を使用する場合は、IDE と AI エージェントを Looker マネージド MCP サーバーに接続します。MCP サーバーの設定手順については、Looker マネージド MCP サーバーのドキュメント ページをご覧ください。詳細については、ツールのドキュメントをご覧ください。
  • Looker の権限: 編集するモデルに対する develop Looker 権限が必要です。
  • Looker インスタンス: インスタンスが Looker 26.6 以降で実行されている必要があります。
  • プロジェクト構成: Looker にプロジェクトが必要です(ベア リポジトリとして構成されているか、Git 用に構成されている必要があります)。
  • Git のインストール(省略可): LookML リポジトリのクローンを作成する場合は、ローカルマシンに Git をインストールする必要があります。
  • OAuth クライアント ID: OAuth 認証(推奨)を使用する場合は、Looker 管理者から OAuth クライアント ID を取得する必要があります。

管理者の設定

組織で認証に OAuth を使用している場合は、Looker 管理者が Looker 管理 UI で Looker extension for VS Code を OAuth クライアントとして登録する必要があります。

Looker API Explorer を使用して OAuth インテグレーションを設定します。API Explorer にアクセスするには、次のいずれかの方法を使用します。

API Explorer がインストールされている場合

Looker インスタンスに API Explorer がすでにインストールされている場合は、次の URL 形式でアクセスできます。

LOOKER_INSTANCE_URL/extensions/marketplace_extension_api_explorer::api-explorer/

API Explorer がインストールされていない場合

Looker インスタンスに API Explorer がない場合は、Looker Marketplace からインストールできます。API Explorer のインストール方法については、API Explorer の使用ページをご覧ください。

PSA プライベート インスタンス

プライベート サービス アクセスを使用する Looker(Google Cloud コア)プライベート接続インスタンスを使用している場合、Looker Marketplace と API Explorer はサポートされていません。AI エージェントを登録するには、oauth_client_apps API エンドポイントを直接呼び出す必要があります。この方法を使用する場合は、API Explorer の手順の残りの手順をスキップできます。

エージェントを登録するために oauth_client_apps エンドポイントで使用できる curl コマンドの例を次に示します。

curl -X POST "https://LOOKER_INSTANCE_URL/api/4.0/oauth_client_apps/CLIENT_GUID" \
-H "Authorization: token ACCESS_TOKEN" \
-H "Content-Type: application/json" \
-d '{
  "redirect_uri": "REDIRECT_URI",
  "display_name": "CLIENT_NAME",
  "description": "OAuth client to access MCP server using CLIENT_NAME",
  "enabled": true
}'

拡張機能を登録する手順は次のとおりです。

  1. OAuth クライアント アプリケーションの登録のドキュメントの手順に沿って、拡張機能を登録します。
  2. client_guid フィールドで、次の操作を行います。

    • グローバルに一意の ID を使用します。
    • 拡張機能を使用する LookML デベロッパーに ID を配布できるように準備します。
  3. redirect_uri に、IDE のコールバック URL を入力します。IDE またはコーディング ツールに応じて、次のいずれかのコールバック URL を使用します。

    IDE またはツール コールバック URL
    Antigravity IDE(Looker 26.12 以降で使用可能)
    antigravity-ide://google.vscode-looker-official/oauth_callback
    Code-OSS
    code-oss://google.vscode-looker-official/oauth_callback
    Cursor
    cursor://google.vscode-looker-official/oauth_callback
    HTTPS
    https://google.vscode-looker-official/oauth_callback
    Kiro(Kiro の OAuth サポートは Looker 26.16 以降で利用可能)
    kiro://google.vscode-looker-official/oauth_callback
    Looker
    looker://google.vscode-looker-official/oauth_callback
    VS Code
    vscode://google.vscode-looker-official/oauth_callback
    Windsurf
    windsurf://google.vscode-looker-official/oauth_callback
  4. [Enabled] フィールドが true に設定されていることを確認します。

  5. display_name フィールドと description フィールドに、OAuth クライアント アプリケーションの登録のドキュメントの説明に沿って入力します。

アプリが登録されると、API Explorer は登録の概要を含むレスポンスを返します。リダイレクト URI がリクエスト パラメータに入力した内容と一致していることを確認します。client_guid 値で Get OAuth Client App エンドポイントを使用して、登録の詳細を確認できます。

生成された client_guid 値をデベロッパーに提供します。デベロッパーは、拡張機能を 構成するときにこの値を使用します

拡張機能をインストールする

この拡張機能は、次の主要な拡張機能マーケットプレイスで利用できます。

拡張機能をインストールする手順は次のとおりです。

  1. VS Code や Cursor などの IDE を開きます。
  2. アクティビティ バーの [Extensions](拡張機能)アイコンをクリックします。
  3. [Looker by Google Cloud] を見つけて [Install] をクリックします。
  4. 拡張機能がインストールされると、アクティビティ バーに [Looker] アイコンが表示されます。

拡張機能の設定

Looker インスタンスの詳細を使用して拡張機能を構成するには、インタラクティブなオンボーディング チュートリアルを実行します。

  1. ワークスペースを開いた状態で、コマンド パレットを開きます(macOS の場合は Command-Shift-P 、Windows/Linux の場合は Ctrl+Shift+P )。
  2. Looker: Show Onboarding Walkthrough コマンドを実行して、オンボーディング チュートリアルを開きます。
  3. チュートリアルの指示に沿って、Looker インスタンスの URL、プロジェクト ID、認証情報を入力します。ベア リポジトリを使用している場合は、このプロセスでプロジェクトの LookML ファイルを使用してワークスペースを設定するように求められます。

OAuth 2.1 が推奨される認証フローです。オンボーディング チュートリアルでプロンプトが表示されたら、OAuth を選択し、次の構成値を指定します。

  • Looker インスタンス URL: Looker インスタンスの URL。
  • OAuth クライアント ID: Looker 管理者から受け取った OAuth クライアント ID(client_guid)。
  • プロジェクト ID: 編集する LookML プロジェクトの名前。確認するには、Looker インスタンス内で [LookML プロジェクト] ページを開きます。プロジェクト ID は [プロジェクト] 列にあります。

API 認証情報で認証する

Looker API キーを使用する場合は、ドキュメントに沿って API 認証情報を作成します。オンボーディング チュートリアルでプロンプトが表示されたら、[API 認証情報] を選択し、次の構成値を指定します。

  • Looker インスタンス URL: Looker インスタンスの URL。
  • クライアント IDクライアント シークレット: 認証に使用する API 認証情報のクライアント ID とクライアント シークレット。これらの認証情報を確認するには、Looker インスタンス内で [アカウント] ページを開き、[API キー] セクションで [管理] ボタンをクリックして、クライアント ID とシークレットを表示します。
  • プロジェクト ID: 編集するプロジェクトの名前。プロジェクト名を確認するには、Looker インスタンス内で [LookML プロジェクト] ページを開きます。プロジェクト ID は [プロジェクト] 列にあります。

設定

オンボーディング チュートリアルを使用することをおすすめしますが、VS Code の settings.json ファイルで拡張機能の設定を構成することもできます。このファイルは ワークスペースの .vscode フォルダ(.vscode/settings.json)または グローバル ユーザー設定ファイル(settings.json)にあります。また、VS Code のビジュアル設定エディタ([Preferences: Open Settings (UI)])を使用して構成することもできます。

拡張機能の MCP 設定 looker.mcpServerUrl を含む、すべての looker.<setting> プロパティは、VS Code の settings.json ファイルで定義する必要があります。AI エージェントの MCP 構成ファイル(.agents/mcp_config.json など)または他の設定ファイルでこれらの設定を定義しても、拡張機能では機能しません。

settings.json で次の拡張機能の設定を構成できます。

設定 説明 デフォルト
looker.instanceURL Looker インスタンスのベース URL(https://mycompany.looker.com など)。 -
looker.authURL OAuth 認証に使用する URL。インスタンス URL と異なる場合にのみ設定します。 looker.instanceURL
looker.sdkURL API リクエストに使用する URL。インスタンス URL と異なる場合にのみ設定します。 looker.instanceURL
looker.oauthClientId Looker OAuth クライアント ID。OAuth に必要です。 -
looker.clientId Looker API クライアント ID。API キー認証に必要です。 -
looker.clientSecret Looker API クライアント シークレット。非推奨。 オンボーディング チュートリアルを使用して API 認証情報を構成します。 -
looker.projectId LookML プロジェクト ID。 -
looker.mcpServerUrl 拡張機能のローカル MCP プロキシがリクエストを転送するターゲット MCP サーバーの URL。looker.instanceURL/mcp と異なる場合にのみ設定します(http://localhost:5000/mcp など)。 looker.instanceURL/mcp
looker.acceptSelfSignedCertificates SSL 証明書エラーを無視します(自己署名証明書など)。警告: このオプションを有効にすることはおすすめしません。 false
looker.askBeforeOverwritingRemote 競合が検出された場合は、リモート ファイルを上書きする前に必ず確認します。 false

MCP クライアントを構成する

AI エージェントが拡張機能を通じて Looker とやり取りできるようにするには、http://127.0.0.1:5050/mcp で拡張機能のローカル MCP プロキシに接続するようにエージェントを構成する必要があります。

AI エージェントは、独自の MCP 構成ファイル(VS Code の .agents/mcp_config.json、Claude Code の .mcp.json、Cursor の .cursor/mcp.json など)を参照します。この構成をローカル プロキシに向けることで、拡張機能はエージェントの MCP リクエストをキャプチャし、適切な認証ヘッダーで転送できます。

Looker マネージド MCP サーバー(デフォルト、推奨)

拡張機能は、Looker の組み込みマネージド MCP サーバー(LOOKER_INSTANCE_URL/mcp)に接続するローカル リバース プロキシ(デフォルト: http://127.0.0.1:5050/mcp)を実行します。プロキシは、保留中のローカル ファイルの同期が完了するまで OAuth ベアラー トークンと AI エージェント ツール リクエストを自動的に 挿入してバッファリングし、検証ツールがサーバー上の古いコードを 評価しないようにします。

カスタムまたは自己ホスト型 MCP サーバー(省略可)

組織がカスタム MCP サーバー(データベース向け MCP ツールボックスなど)をホストしている場合:

  1. VS Code の設定で、looker.mcpServerUrl をカスタム サーバー URL(http://localhost:5000/mcp など)に設定します。
  2. IDE の MCP クライアントを構成して、http://127.0.0.1:5050/mcp の拡張機能プロキシを指すようにします。

Visual Studio Code(Copilot)

  1. VS Code を開き、プロジェクトのルートに .agents ディレクトリが存在しない場合は作成します。
  2. .agents/mcp_config.json ファイルが存在しない場合は作成して開きます。
  3. 次の構成を追加してファイルを保存します。
      {
        "mcpServers": {
          "Looker": {
            "serverUrl": "http://127.0.0.1:5050/mcp",
            "disabledTools": [
              "query_url",
              "get_looks",
              "run_look",
              "make_look",
              "get_dashboards",
              "run_dashboard",
              "make_dashboard",
              "add_dashboard_element",
              "add_dashboard_filter",
              "generate_embed_url",
              "health_pulse",
              "health_analyze",
              "health_vacuum",
              "get_project_files",
              "get_project_file",
              "create_project_file",
              "update_project_file",
              "delete_project_file",
              "get_project_directories",
              "create_project_directory",
              "delete_project_directory",
              "project_git_branch"
            ]
          }
        }
      }
  

Claude Code

  1. プロジェクトのルートに .mcp.json ファイルが存在しない場合は作成します。
  2. 次の構成を追加してファイルを保存します。
      {
        "mcpServers": {
          "Looker": {
            "type": "http",
            "url": "http://127.0.0.1:5050/mcp"
          }
        }
      }
  

Cursor

  1. プロジェクトのルートに .cursor ディレクトリが存在しない場合は作成します。
  2. .cursor/mcp.json ファイルが存在しない場合は作成して開きます。
  3. 次の構成を追加してファイルを保存します。
      {
        "mcpServers": {
          "Looker": {
            "type": "http",
            "url": "http://127.0.0.1:5050/mcp"
          }
        }
      }
  
  1. [Cursor] を開き、[Settings] > [Cursor Settings] > [MCP] に移動します。サーバーが接続されると、緑色のアクティブ ステータスが表示されます。

Cline

  1. VS Code で Cline 拡張機能を開き、[MCP Servers] アイコンをクリックします。
  2. [Configure MCP Servers] をクリックして構成ファイルを開きます。
  3. 次の構成を追加してファイルを保存します。
      {
        "mcpServers": {
          "Looker": {
            "type": "http",
            "url": "http://127.0.0.1:5050/mcp"
          }
        }
      }
  

Windsurf

  1. Windsurf を開き、Cascade アシスタントに移動します。
  2. MCP アイコンをクリックし、[Configure] をクリックして構成ファイルを開きます。
  3. 次の構成を追加してファイルを保存します。
      {
        "mcpServers": {
          "Looker": {
            "type": "http",
            "url": "http://127.0.0.1:5050/mcp"
          }
        }
      }
  

Looker で認証する

OAuth 認証を使用している場合は、ログインしてローカル IDE を Looker アカウントにリンクする必要があります。

  1. コマンド パレットを開きます。
  2. コマンド Looker: Sign In (OAuth) を実行します。
  3. プロンプトが表示されたら、ブラウザを開きます。
  4. ブラウザで、拡張機能が Looker アカウントにアクセスすることを承認します。
  5. 承認すると、ブラウザは IDE にリダイレクトされます。[Successfully signed in to Looker!] という通知が表示されます。

ローカル LookML プロジェクトを設定する

開発を開始するには、リポジトリ構成に適した方法を使用して、ローカル IDE で LookML プロジェクトを開きます。

Git リポジトリ

LookML プロジェクトが Git 用に構成されている場合は、次の手順を行います。

  1. VS Code で新しいウィンドウを開きます。
  2. コマンド パレットを開き、[Git: Clone] を選択します。
  3. リモート Git リポジトリの URL(GitHub や GitLab など)を入力し、ローカル フォルダを選択します。
  4. IDE でクローン作成したフォルダを開きます。

ベア リポジトリ モード

LookML プロジェクトがベア リポジトリとして構成されている場合は、次の手順を行います。

  1. ワークスペースを開いた状態で、プロジェクトの空のローカル フォルダを作成して開きます。
  2. コマンド パレットを開きます(macOS の場合は Command-Shift-P 、Windows/Linux の場合は Ctrl+Shift+P )。
  3. Looker: Show Onboarding Walkthrough コマンドを実行して、オンボーディング チュートリアルを開きます。
  4. [Select Project] ステップで、作業する LookML プロジェクトを選択し、[Next] をクリックします。
  5. 拡張機能は、ローカル フォルダが空であることを認識し、プロジェクトのファイルを使用してワークスペースを設定するように求めます。[Populate Workspace] をクリックして、ワークスペースを設定します。
  6. オンボーディング チュートリアルを完了します。

ワークスペースが設定されると、拡張機能はローカル フォルダと Looker インスタンスの開発モードのチェックアウトされたブランチの同期を自動的に開始します。

トラブルシューティング

拡張機能のログは、IDE の [出力] パネルで確認できます。[Looker] チャネルを選択してログを表示します。詳細なログを表示するには、コマンド パレットを開き、Developer: Set Log Level コマンドを実行して、[Debug] または [Trace] を選択します。

  • 認証エラー: looker.instanceURLlooker.oauthClientId が正しいことを確認します。Looker のリダイレクト URI が完全に一致していることを確認します。
  • 同期に関する問題: 拡張機能のログを確認して、同期に関する問題に対処します。ログを表示するには、[出力] パネルを開き、プルダウン メニューから [Looker] を選択します。
  • OAuth 中に Bad Request レスポンスが返される: ローカル ネットワークから Looker インスタンスにアクセスできることと、有効なインターネット接続があることを確認します。

拡張機能で問題が発生した場合は、コマンド パレットから Developer: Reload Window コマンドを実行すると解決する可能性があります。

次のステップ