Looker コンポーネントの概要

Looker のコンポーネント ライブラリを使用すると、React コンポーネントのインターフェースを介して、アプリケーションが Looker の設計要素、UI パターン、データのビジュアリゼーションを活用できます。コンポーネントの例としては、フォーム、ボタン、フィルタ入力、ページネーション コントロール、レイアウト、折れ線グラフ、棒グラフ、散布図グラフ、表などがあります。

価値創出までの時間の短縮は、コンポーネントの長所の 1 つですが、Looker とカスタム開発されたアプリケーションの間でよりシームレスなエクスペリエンスを実現することで真価が発揮されます。

一般的な使用例は次のとおり。

• Looker 拡張機能内で、ページ ナビゲーションなどの Looker に似た UI を作成する
• 埋め込み Looker コンテンツの周囲に、ダッシュボード フィルタなどの Looker に似た UI を作成する
• iframe 埋め込みの機能をまったく使用せずに、埋め込み分析アプリケーション内で軽量な個別ビジュアリゼーションを実現する

コンポーネントを使用する

React コンポーネントである Looker コンポーネントは NPM に公開されており、NPM を使用してフロントエンドの JavaScript アプリケーションまたは TypeScript アプリケーションに追加できます。

UI コンポーネントとフィルタ コンポーネントには、個別の NPM パッケージを利用できます。