Google は AI 技術を使用して、コンテンツをご希望の言語に翻訳しています。AI 翻訳には誤りが含まれる場合があります。

Looker データアプリの概要と設定

Looker データアプリは、Gemini CLI、Claude Code、Cursor などのローカル AI コーディングエージェントが自然言語プロンプトから構築するフリーフォームキャンバスダッシュボードです。標準のグリッドダッシュボードとは異なり、データアプリでは、Looker の管理された LookML セマンティックレイヤとユーザー権限にバインドされたまま、完全なビジュアルレイアウト制御（絶対位置指定、要素の重複、カスタムウェブコンポーネントなど）を行うことができます。

データアプリを構築すると、AI コーディングエージェントがローカルマシンで実行され、アプリケーションコードが生成されます。データアプリを Looker に公開すると、ユーザーがダッシュボードを開いたり操作したりするときに AI モデルは使用されません。

Looker データアプリの概要

データアプリは Looker 拡張機能です。これは Looker 拡張フレームワークによって動作し、単一要素のユーザー定義ダッシュボード（UDD）内で実行されます。

主な機能は次のとおりです。

AI アシストによるオーサリング、ランタイム AI なし: コンピュータで AI コーディングエージェントを使用して、プロンプトからレイアウトとコンポーネントコードを生成します。公開されたデータアプリは、ユーザーがダッシュボードを表示するときに AI モデルを呼び出すことなく、Looker 内の標準ウェブコンポーネントとして実行されます。
ネットワーク分離サンドボックス: AI エージェントがアプリケーションコードを書き込むため、Looker はアウトバウンドネットワーク接続をブロックする分離されたブラウザサンドボックス内で各データアプリを実行します。アプリケーションコードは Looker インスタンスとのみ通信できるため、クエリ結果とユーザー認証情報を外部サーバーに送信することはできません。
ガバナンスが適用されたデータアクセス: データアプリは、Looker の LookML セマンティックレイヤを介してのみデータをクエリします。すべてのクエリは、閲覧ユーザーの Looker 権限、モデルアクセス、行レベルのアクセスフィルタに基づいて実行されます。
インタラクティブなコントロールとスケジュールされた配信: データアプリには、アプリ内の組み込みのインタラクティブフィルタ、クロスフィルタリング、ドリルビューが含まれています。また、Looker の PDF ダウンロードと送信日時を設定したメール配信もサポートしています。

始める前に

デベロッパーツールをインストールしてデータアプリを作成する前に、次の前提条件を満たしていることを確認してください。

インスタンスの要件

Looker 26.18 以降を実行している Looker ホスト型インスタンスを使用する必要があります。
Looker 管理者は、 [管理者] パネルの [全般] > [プレビュー] で、[データアプリ] プレビュートグルを有効にする必要があります。詳細については、プレビュー機能のドキュメントページをご覧ください。
ユーザーのブラウザは、Data Apps ランタイムライブラリを読み込むために www.gstatic.com へのネットワークアクセス権を持っている必要があります。

必要な権限

データアプリを作成して公開するには、次のものが必要です。

ダッシュボードを配置するフォルダに対する アクセスの管理、編集アクセスレベル
Looker の権限 access_data、explore、see_user_dashboards、save_dashboards（または save_content）
ダッシュボードで使用するデータの LookML モデルへのアクセス権

公開されたデータアプリを表示するには、ユーザーに次のものが必要です。

移動先のフォルダに対する [表示] アクセスレベル
基盤となる LookML モデルに対する Looker の権限 access_data、explore、see_user_dashboards

Looker API 認証情報

デベロッパーツールは、Looker API を使用して Looker インスタンスにアクセスします。デベロッパーツールに Looker API へのアクセス権を付与するには、クライアント ID とクライアントシークレットで構成される API キーが必要です。クライアント ID とクライアントシークレットは、設定オプションを構成するときにデベロッパーツールに指定します。

API キーを取得する手順は次のとおりです。

Looker 管理者は、[管理者] > [ユーザー] ページで、ユーザーアカウントの API キーを有効にする必要があります。
Looker で、ユーザーの [アカウント] ページに移動します。
[認証] セクションで、[API キー] 見出しの横にある [管理] をクリックします。
[API キー] ページで、既存の API キーを表示したり、新しい API キーを作成したりできます。
選択した API キーのクライアント ID とクライアントシークレットをコピーします。

フォルダ ID

データアプリを公開する Looker フォルダの数値 ID を特定します。Looker で、ターゲットフォルダ（共有やマイフォルダなど）を開き、URL の末尾にある番号をメモします。

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

制限事項

Looker データアプリには次の制限があります。

埋め込み、テーマ設定、印刷: データアプリでは、埋め込み、内部ダッシュボードのテーマ、印刷はサポートされていません。ただし、AI コーディングエージェントにプロンプトを入力することで、データアプリで直接ビジュアルスタイリングをカスタマイズできます。
データアプリのコピー: Looker でデータアプリをコピーしないでください。コピーは同じ基盤となるアプリケーションを参照するため、1 つのコピーに対する変更はすべてのコピーに反映されます。
LookML のエクスポートとインポート: LookML としてデータアプリをエクスポートすることと、LookML からデータアプリをインポートすることはサポートされていません。
www.gstatic.com への依存関係: データアプリは、ランタイムライブラリとコンポーネントライブラリを読み込むために www.gstatic.com へのネットワークアクセスを必要とします。ユーザーのブラウザは、データアプリをレンダリングするために www.gstatic.com にアクセスできる必要があります。

デベロッパーツールをインストールする

データアプリを作成するには、ローカル開発環境（macOS または Linux）にデベロッパーツールをインストールします。

インストールスクリプトを実行します。

AI コーディングエージェントにアクセスできるマシンでターミナルを開き、次のコマンドを実行します。

bash <(curl -fsSL https://dl.google.com/looker-data-apps/install.sh)

設定オプションを構成する

インストール中に、インタラクティブなプロンプトに応答します。

インストールディレクトリ: Data Apps プロジェクトを保存するローカルパスを入力するか、Enter キーを押してデフォルト（~/looker-data-apps）をそのまま使用します。
Looker インスタンス URL: Looker インスタンスの URL（https://myinstance.looker.com など）を入力します。
Looker API client_id: クライアント ID を入力します。
Looker API client_secret: クライアントシークレット（所有者のみのファイル権限で data-apps-config.json にローカルに保存）を入力します。
Looker フォルダ ID: フォルダ識別子で特定したターゲットフォルダ ID を入力するか、Enter キーを押してデフォルトのフォルダ（フォルダ 1、共有フォルダ）をそのまま使用します。

プロンプトを完了すると、インストーラは 4 ステップの検証チェックを自動的に実行し、認証情報が機能することと、Looker インスタンスがデータアプリを保存して提供できることを確認します。

データアプリを作成、プレビュー、公開する

このワークフローに沿って、AI コーディングエージェントを使用してデータアプリを作成します。

ステップ 1: AI コーディングエージェントを起動する

ターミナルで、Data Apps のインストールディレクトリ（~/looker-data-apps）に移動し、AI コーディングエージェントを起動します。

ステップ 2: エージェントに Data App の生成を求める

自然言語を使用してプロンプトを記述し、エージェントにアプリケーションの構築を依頼します。アプリケーションは既存の探索とビューに基づいていなければなりませんが、技術的な識別子を使用する必要はありません。次に例を示します。

Build a responsive Looker Data App using the faa model and the
large\_flight\_data explore. I want this to be a dynamic, dark-themed operations
center.

Please include the following components:

The Map (Centerpiece): Create a custom visual that visualizes flights moving
from their Origin to Destination. Include a timeline slider (or playback
animation) based on Departure Time and Arrival Time so I can watch the flights
move over time.

KPI Strip: Across the top, include a row of KPI cards showing the total flight
Count, average Delay Mins, total Total Revenue, and average Load Factor.

Trend Chart: Include a line chart showing how Carbon Emissions and Total Revenue change over
the Departure Date periods.

Interactive Filters: Include drop-down filters for Airline, Status, and Origin
that wire into the charts and map to update the data dynamically.

AI エージェントは LookML Explore を検査し、コンポーネント定義を記述して、ローカルプレビューサーバーを起動します。

ステップ 3: ローカルプレビューを検査する

エージェントから提供されたローカルプレビュー URL（http://localhost:8765）を開きます。

ターミナルで make start（または python3 skills/data-app-previewer/tools/start-preview.py）を実行して、作成したすべてのローカルアプリのギャラリーを表示することもできます。

ステップ 4: アプリを繰り返し改善する

AI エージェントに話しかけて、レイアウト、スタイル、インタラクションを調整します。

「3 つの指標カードをキャンバスの右側に配置します。」
「トレンドグラフの上に期間スライダーを追加して。」
「背景をニュートラルなグレーに変更し、丸みを帯びたカードとソフトなドロップシャドウを追加します。」

ステップ 5: データアプリを Looker に公開する

デザインに満足したら、エージェントにアプリのデプロイを指示します。

Publish this app to Looker.

エージェントは公開スクリプトを実行します。このスクリプトは、コンポーネントスクリプトをパッケージ化し、構成されたフォルダにダッシュボードオブジェクトを作成または更新します。

ステップ 6: Looker でデータアプリを表示する

エージェントから返された Looker リンクをクリックします。データアプリは、ユーザーアクセスフィルタ、フォルダ共有、プラットフォーム機能を完全にサポートした状態で Looker 内に読み込まれます。

試してみることをおすすめします

プレビュー期間中に Looker データアプリの機能を試すには、次のシナリオを試してください。

画像から既存のレポートを複製する

別の BI ツール（Tableau や Power BI など）の既存のレポートのスクリーンショットやスライドデッキを AI エージェントにアップロードします。エージェントに次のようにプロンプトを入力します。

Replicate the layout, visual hierarchy, and color scheme shown in this
screenshot, binding the charts to our customer_analytics explore.

マルチモーダル AI エージェントは、画像から座標ジオメトリ、タイポグラフィ、カラーパレットを抽出し、一致するデータアプリのレイアウトを生成できます。

カスタムレイアウトを設計する

非対称レイアウトを作成して、標準の長方形グリッドを超えましょう。

ヒーローバナーと部分的に重なるフローティング KPI カードを作成します。
ワイドデータグリッドの横に複数列のエグゼクティブサマリーサイドバーを追加します。
カスタムの企業ブランディング、フォントスタイル、背景グラデーションを適用します。

リッチなインタラクティブ UI コンポーネントを組み込む

エージェントにインタラクティブなウェブ要素の追加を依頼します。

タブ付きナビゲーション: 複雑な運用指標を複数のタブに整理し、ページを再読み込みすることなく表示します。
モーダルダイアログとドロワー: 指標をクリックすると、詳細な内訳ビューまたは用語集の定義が開きます。
インタラクティブなフィルタとコントロール: グラフの系列を動的に更新するカスタムの切り替えボタン、スライダー、検索入力などを追加します。

高度なデータテーブルと可視化を使用する

組み込みコンポーネントライブラリを活用する:

AG Grid の統合: 列の並べ替え、列のサイズ変更、セルの書式設定をサポートするインタラクティブなデータテーブルを埋め込みます。
高度な Highcharts タイプ: 標準のダッシュボードタイルではサポートされていないゲージ、ヒートマップ、ツリーマップ、サンキー図を生成します。

Looker プラットフォームの機能をテストする

データアプリが Looker ワークフローと統合されていることを確認します。

クロスフィルタリング: 1 つのグラフでカテゴリを選択すると、残りのビジュアリゼーションがフィルタされるようにグラフを構成します。
PDF のエクスポート: ダッシュボード全体を PDF としてダウンロードします。
スケジュール設定された配信: データアプリの PDF スナップショットをチームにメールで送信する自動スケジュールを設定します。