2024年9月24日 Lookerで自作のCustom Visualizationを利用してみよう! Google Cloud Looker 検索する Popular tags 生成AI(Generative AI) Looker Studio BigQuery AlloyDB Google Workspace 事例紹介 Cloud SQL Category Google Cloud Author ten SHARE 目次 LookerのCustom Visualizationってどういうもの? Custom Visualizationを使う さいごに Content こんにちは、tenです。 皆さん、LookerのCustom Visualizationは利用されていますか? Lookerは標準でもさまざまなVisualizationを提供していますが、Custom Visualizationを利用することで、データの表現力を更に豊かにすることができます。 このCustom Visualizationは、Looker Marketplaceでも入手できますが、JavaScriptで自作することも可能です。 今回は、自作のCustom VisualizationをLookerで利用する方法をご紹介いたします。 Custom Visualizationの開発方法については、GitHubでスタートガイドが公開されていますので、こちらをご覧ください。 Getting Started Guide LookerのCustom Visualizationってどういうもの? 冒頭でもご紹介いたしましたが、Lookerは棒グラフや折れ線グラフなどの一般的な視覚表現を、標準で備えています。 ただ、データをより直感的に理解するために、他の表現方法ができればなぁ、と思うことがあります。 そのようなお悩みを解決するのが、Custom Visualizationです。 下記は実際に弊社で開発したものです。 レビューサイトなどでよく見るようなイメージで、平均スコアを視覚的に分かりやすく表現できます。 棒グラフなどでも値の大きさは表示できますが、☆の数で表現されていると、また違った印象がありますよね。 このように、Custom Visualizationを活用することで、データをより意味のある形で提供することが可能です。 Custom Visualizationを使う 自作のCustom VisualizationをLookerで利用する方法は、主に2つあります。 1. Cloud Storageに配置する Custom Visualizationは、Lookerを利用するユーザからアクセスできる場所にJavaScriptを配置することで提供できます。 そのため、Cloud StorageにJavaScriptをアップロードし、公開URLや認証済みURLをLookerに登録するだけでもよいのです。 手順は下記の通りです。 1. Cloud StorageにJavaScriptファイルをアップロードする 必要に応じて、バケットの公開設定や、オブジェクトに対するアクセス権限を設定してください。 ここで、「公開URL」もしくは「認証済みURL」を控えておきます。 2. Lookerの管理者設定から、Visualizationを追加する Lookerの管理者設定>プラットフォーム>可視化を選択し、「Add Visualization」をクリックします。 Visualizationの追加画面が表示されますので、「Main」に先ほど控えておいたJavaScriptファイルのURLを入力します。 他の設定項目として「ID」には環境内で一意となる値、「Label」はLookerのメニューに表示したい名前を入力します。 以上で、Cloud Storageでの設定は終了です。 なんと、これだけでCustom Visualizationを利用できるようになります。 その他の細かい内容については、公式ページで詳しく説明されていますので、こちらをご覧ください。 管理者設定 – ビジュアリゼーション 2. LookMLプロジェクト内で定義する 別の方法も見ていきましょう。 Cloud Storageに配置する方法との大きな違いとして、JavaScriptファイルを直接インターネット上に公開する必要がありません。 特定のLooker環境内でのみCustom Visualizationを利用する場合は、こちらの方法がより適しています。 手順は下記の通りです。 1. LookMLプロジェクトにJavaScriptファイルをアップロードする ドラッグ&ドロップでもアップロードできます。 必要に応じて、フォルダなどを使って整理しておきましょう。 2. Manifestファイルを作成する Custom Visualizationを定義するためのManifestファイルを作成します。 最低限必要なものは「id」「label」「file」の3つです。 「file」に先ほどアップロードしたJavaScriptのパスを記載します。 「id」と「label」は先ほどのCloud Storageと同様です。 環境内で一意の値と、メニューで表示したい名前を指定します。 Manifestファイルを作成後、「Validate LookML」→「Commit Changes & Push」→「Deploy to Production」の順に操作していきます。 以上で、LookerからCustom Visualizationを利用できるようになります。こちらもとても簡単ですね。 Manifestファイルの細かい内容については、公式のLookMLリファレンスをご参照ください。 LookMLリファレンス – visualization さいごに LookerのCustom Visualizationは、データにストーリーを持たせるための強力なツールです。 ぜひこの機能を使いこなして、データ活用の一助としてみてください。 システムサポートでは、Google CloudやLookerの導入や活用を支援しております。 データ利活用でお悩みの方はお気軽にご相談ください! Google Cloud導入・活用支援に関するご相談はこちら 関連コンテンツ 【Google Cloud】Looker Studio × Looker Studio Pro × Looker を徹底比較!機能・選び方を解説 by Google Cloud研究開発チームon 2023年9月5日 【Google Cloud】集計方法の異なる累計をひとつのグラフで表示する【Looker】 by 佐Ton 2023年1月18日 頂きましたご意見につきましては、今後のより良い商品開発・サービス改善に活かしていきたいと考えております。 よく分かった 気になる おもしろい イマイチ Author ten 株式会社システムサポート 大阪支社システムインテグレーション事業部所属。 Google Cloud 認定資格 10資格、AWS 認定 12資格。マルチクラウドの知見を活かし、プリセールスを担当しています。 Google Cloud Looker 2024年9月24日 Lookerで自作のCustom Visualizationを利用してみよう! Category Google Cloud 前の記事を読む Google CloudのTLSの最小バージョンが気になった話 次の記事を読む 自然言語でデータを可視化できるLookerのExplore Assistantを試してみた Recommendation オススメ記事 2023年9月5日 Google Cloud 【Google Cloud】Looker Studio × Looker Studio Pro × Looker を徹底比較!機能・選び方を解説 2023年8月24日 Google Cloud 【Google Cloud】Migrate for Anthos and GKEでVMを移行してみた(1:概要編) 2022年10月10日 Google Cloud 【Google Cloud】AlloyDB と Cloud SQL を徹底比較してみた!!(第1回:AlloyDB の概要、性能検証編) BigQuery ML ワークショップ開催のお知らせ 生成AI導入支援パッケージ Discovery AI導入支援パッケージ Google Cloud ホワイトペーパー 新着記事 2024年9月30日 Google Cloud 【Google Cloud】サーバレスでマネージドなサービス「Cloud Run」でアプリケーションを走らせよう! 2024年9月27日 技術開発 モブレビューを導入して分かったメリットとデメリットについて 2024年9月26日 Google Cloud 自然言語でデータを可視化できるLookerのExplore Assistantを試してみた HOME Google Cloud Lookerで自作のCustom Visualizationを利用してみよう! ご意見・ご相談・料金のお見積もりなど、お気軽にお問い合わせください。 お問い合わせはこちら HOME Categories お知らせ イベント・セミナー Google Cloud Google Workspace モバイル インフラ 技術開発 ブログ 4koma Tags 生成AI(Generative AI) Looker Studio BigQuery AlloyDB Google Workspace 事例紹介 Cloud SQL STSエンジニアリングマガジン 「サイタル」