Looker フィルタ コンポーネントは、Looker の上に構築されたカスタム データ アプリケーション用の Looker の豊富なフィルタ機能を提供します。
Looker コンポーネント
Looker コンポーネントは、Looker アプリケーションの、React ベースの事前に構築された一部です。アプリケーション デベロッパーは、Looker 上に構築されたデータ アプリケーションと拡張機能のコンポーネントを使用できます。
コンポーネントは、Looker 拡張機能フレームワークと Looker の埋め込み SDK で使用できます。
Looker フィルタ コンポーネント
フィルタ コンポーネントには、カスタム開発されたデータ アプリケーションや、カスタマイズされた埋め込み Looker ダッシュボード向けの Looker の豊富なフィルタ機能があります。Looker API を（SDK または拡張機能を介して）使用して特定のダッシュボードの JSON を取得すると、デベロッパーはアプリケーションにフィルタ コンポーネントを含めて、ダッシュボード各フィルタのプロパティを渡すことができます。コンポーネントは、フィールドと保存された UI 構成に従って各フィルタをレンダリングします。
フィルタ コンポーネント パッケージには 12 種類のフィルタ コントロールがあり、Looker 独自のダッシュボードで使用できるコントロールと似ています。
- ボタン グループ
- チェックボックス
- タグのリスト
- 範囲スライダー
- ボタンの切り替え
- ラジオ ボタン
- ドロップダウン メニュー
- スライダー
- 1日
- 期間
- 期間
- 上級
フィルタ コンポーネントを使用するには、連動する @looker/filter-components と @looker/filter-expressions という 2 つのパッケージを通して提供されます。@looker/filter-components パッケージは、あらゆるダッシュボード フィルタから使用可能なフィールド、フィルタ タイプ、現在のフィルタ式を使用して、フィルタ コンポーネントをレンダリングします。@looker/filter-expressions パッケージは、フィルタ式を @looker/filter-components が使用可能なデータ構造に変換します。
フィルタ コンポーネントを使用する理由
フィルタ コンポーネントがデベロッパーの時間を解放し、Looker で作業するアナリストが堅牢でカスタマイズ可能なユーザー エクスペリエンスを構築および維持できるようになります。Looker フィルタ コンポーネントには次のような利点があります。
- 高品質なフィルタ エクスペリエンス - フィルタ コンポーネントには Looker の豊富なフィルタ ロジックと、必要なフィルタ タイプに最適な幅広いフィルタ コントロールが用意されています。
- 開発の高速化 - フィルタ コンポーネントを使用すると、すぐに使用できるフィルタが提供されます。これにより、デベロッパーは他のタスクに集中して開発全体を高速化できます。
- カスタマイズ - フィルタコントロールは、アプリケーション、拡張機能、埋め込みダッシュボードの外観に合わせてカスタマイズできます。デベロッパーは、フィルタ コンポーネントを使用して、これまで以上にカスタマイズを行えます。
- Looker ダッシュボードへのリンク - フィルタ コンポーネントは、Looker ダッシュボードのフィルタに直接接続できます。そのフィルタのバージョンは、コンポーネントを使用している Looker アプリケーション、拡張機能、または埋め込みに表示されます。フィルタ コンポーネントに接続されている Looker ダッシュボードへの編集アクセス権を持つユーザーは、Looker ダッシュボードでフィルタを編集できます。これにより、アプリケーション、拡張機能、埋め込みのフィルタが更新されます。これによって、フィルタを調整するビジネス上の理由があるたびにデベロッパーが必要とされることがなくなるので、デベロッパーの時間を解放できます。
- Looker モデルとの関連付け - フィルタ コンポーネントは、ベースとする Looker モデルへの変更を認識します。つまり、フィルタ フィールドなどのオプションは動的であり、基礎となるモデルの更新とともに更新されます。
フィルタ コンポーネントのインストールと使用
@looker/components NPM リポジトリから @looker/filter-components パッケージと @looker/filter-expressions パッケージをダウンロードします。
フィルタ コンポーネント パッケージのインストールと使用については、NPM または GitHub で各パッケージの README ドキュメントをご覧ください。
フィルタ コンポーネントのデモ アプリケーションは GitHub で入手できます。デモの使用方法は、README ドキュメントをご覧ください。