Looker 26.0 のドキュメントを表示しています。このリンクをクリックすると、
最新のドキュメントが表示されます。
Looker コンポーネントの概要
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Looker のコンポーネント ライブラリを使用すると、React コンポーネントのインターフェースを介して、アプリケーションが Looker の設計要素、UI パターン、データのビジュアリゼーションを活用できます。コンポーネントの例としては、フォーム、ボタン、フィルタ入力、ページネーション コントロール、レイアウト、折れ線グラフ、棒グラフ、散布図グラフ、表などがあります。
価値創出までの時間の短縮は、コンポーネントの長所の 1 つですが、Looker とカスタム開発されたアプリケーションの間でよりシームレスなエクスペリエンスを実現することで真価が発揮されます。
一般的な使用例は次のとおり。
- Looker 拡張機能内で、ページ ナビゲーションなどの Looker に似た UI を作成する
- 埋め込み Looker コンテンツの周囲に、ダッシュボード フィルタなどの Looker に似た UI を作成する
- iframe 埋め込みの機能をまったく使用せずに、埋め込み分析アプリケーション内で軽量な個別ビジュアリゼーションを実現する
コンポーネントを使用する
React コンポーネントである Looker コンポーネントは NPM に公開されており、NPM を使用してフロントエンドの JavaScript または TypeScript アプリケーションに簡単に追加できます。
React コンポーネントである Looker コンポーネントは NPM に公開されており、NPM を使用してフロントエンドの JavaScript または TypeScript アプリケーションに 追加できます。
UI コンポーネントとフィルタ コンポーネントには、個別の NPM パッケージを利用できます。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2026-04-18 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["わかりにくい","hardToUnderstand","thumb-down"],["情報またはサンプルコードが不正確","incorrectInformationOrSampleCode","thumb-down"],["必要な情報 / サンプルがない","missingTheInformationSamplesINeed","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2026-04-18 UTC。"],[],[]]