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 パッケージを利用できます。