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

Looker Data Apps の概要と設定

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

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

Looker Data Apps の概要

Data App は Looker 拡張機能です。これは Looker 拡張フレームワークを基盤とし、単一要素のユーザー定義のダッシュボード（UDD）内で実行されます。

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

AI アシストによる作成、ランタイム AI なし: パソコンで AI コーディングエージェントを使用して、プロンプトからレイアウトとコンポーネントコードを生成します。公開された Data App は、ユーザーがダッシュボードを表示するときに AI モデルを呼び出すことなく、Looker 内で標準のウェブコンポーネントとして実行されます。
ネットワーク分離型サンドボックス: AI エージェントがアプリケーションコードを記述するため、Looker はアウトバウンドネットワーク接続をブロックする分離されたブラウザサンドボックス内で各 Data App を実行します。アプリケーションコードは Looker インスタンスとのみ通信できるため、クエリ結果とユーザー認証情報を外部サーバーに送信することはできません。
管理対象データアクセス: Data Apps は、 Looker's LookML セマンティックレイヤを介してのみデータをクエリします。すべてのクエリは、表示ユーザーの Looker 権限、モデルアクセス、行レベルのアクセスフィルタの下で実行されます。
インタラクティブコントロール: Data Apps には、アプリ内に組み込みのインタラクティブフィルタ、クロスフィルタリング、ドリルビューが含まれています。

始める前に

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

インスタンスの要件

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

必要な権限

Data App を作成して公開するには、次のものが必要です。

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

公開された Data App を表示するには、ユーザーに次のものが必要です。

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

Looker API 認証情報

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

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

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

フォルダ識別子

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

https://LOOKER_INSTANCE_URL/folders/FOLDER_ID

制限事項

Looker Data Apps には次の制限があります。

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

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

Data Apps を作成するには、ローカル開発環境（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 folder ID]: フォルダ識別子で特定したターゲットフォルダ ID を入力するか、[Enter] キーを押してデフォルトフォルダ（フォルダ 1、[共有] フォルダ）を受け入れます。

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

Data App を作成、プレビュー、公開する

AI コーディングエージェントを使用して Data App を作成するには、次のワークフローに従います。

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

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

ステップ 2: エージェントに Data App の生成を促す

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

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: Data App を Looker に公開する

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

Publish this app to Looker.

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

ステップ 6: Looker で Data App を表示する

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

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

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

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

別の 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 エージェントは、画像から座標ジオメトリ、タイポグラフィ、カラーパレットを抽出して、一致する Data App レイアウトを生成できます。

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

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

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

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

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

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

高度なデータテーブルとビジュアリゼーションを使用する

組み込みのコンポーネントライブラリを活用します。

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

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

Data App が Looker プロセスと統合されていることを確認します。