前回の記事で、Summer 22で動的関連リストが利用できるようになりましたが、さっそくプロジェクトで利用してみたところ、まだ機能制限があったり今まで関連リストで実現できていたことができないなど、まだ現時点では不便だと感じる部分があります。

以下、前回の記事「動的関連リスト」

参考

Salesforce 動的関連リストの使い方（Summer22新機能）

今回の記事では、Summer’22で公開された新機能（動的関連リスト）の利用方法…

続きを読む

特に、モバイルを利用するプロジェクトの場合、現時点（2022/07/09)では、利用できずタブ毎表示されなくなるため、注意が必要です。

また、動的関連リストでは、通常の関連リストと同様デフォルトで最大30レコードまで表示可能ですが、通常の関連リストと異なり、すべて表示する機能がありません。

そのため絞り込みをして30件までで業務上問題なければ動的関連リストを使えますが、すべて表示することが必須という場合には、レポートを作成して動的関連リストにアクションを追加してレポートへ遷移させるなどの工夫が必要となります。

サポーターさん

これらの問題を解決することができる製品が今回ご紹介する（List Editor）となります。

List Editorでは以下のような機能が用意されています。

では、さっそく製品のインストールから設定までの手順をご紹介していきたいと思います。

List Editorのインストール

まずは、List Editorのインストール手順となります。現時点では、英語版しかないため、日本語のAppExchangeで検索しても出てきません。

手順①以下のURL（App Exchange） をブラウザで指定して開きます。

https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3u00000PFXi6EAH

手順②以下のページが表示されたらGet It Nowボタンをクリックします。

手順③ログインするアカウントを選択します。Salesforceでログインをクリックします。

手順④ログイン後、インストール組織を選択します。インストール権限のあるユーザアカウントを選択して、本番組織にインストールする場合には、[Install in Production]を、サンドボックスにインストールする場合には、[Install in Sandbox]をクリックします。

手順⑤続いて、インストール先組織の確認を実施します。正しければ[Confirm and Install]をクリックします。

手順⑥インストール先組織のユーザに対するアクセス権限を指定します。（今回はすべてのユーザを選択）

手順⑦インストールおよびアクセス権の付与処理が実行されます。

手順⑧インストールが完了すると以下の画面が表示されるので、完了ボタンをクリックします。

※メールアドレスにも完了の通知が届きます。

以上で、製品のインストールは完了となります。

List Editorの利用方法（設定手順）

続いては、インストールしたList Editorの使い方（設定方法）を説明していきます。

※今回は取引先画面に対して、取引先責任者をList Editorで設定してみます。

手順①取引先の参照画面から編集ページを実行します。

手順②編集ページでは、コンポーネントのカスタムにList Editorが表示されているため、これをドラッグ＆ドロップでお好きな場所へ配置します。

手順③以下の例では、関連リストタブのトップにList Editorのコンポーネントを配置しました。

手順④続いて、コンポーネントを選択して、パラメータを指定していきます。

・Object Api Name：に取引先責任者（API参照名：Contact）を指定します。

するとコンポーネントがリフレッシュ取引先責任者の情報が表示されます。名称の指定を間違えると正しく表示されません。

・Display Fields：こちらには項目のAPI参照名を指定します。（カンマ区切りで複数設定可能）

・Default order field：並べ替えをする項目のAPI参照名を指定します。（複数指定可能）

・Descending order：チェックすると降順での表示となります。

・Number of lines to display：デフォルトの表示行数（最大30まで指定可能）

・Parent reference field name（オプション）：親レコードの参照項目を指定、複数の親オブジェクトの参照がある場合には切替が可能

・List filter：デフォルトの絞り込み条件を指定：SOQLでのWhere句の表現で絞り込み条件の指定が可能です。（例：name like ‘%2’）

・List Label Name：ラベルのタイトルを指定することができます。

・Do not allow editing：チェックするとレコードの編集ボタンが非表示になります。

・Do not allow new creation：チェックすると新規子レコードの作成ボタンが非表示になります。

・Do not allow reloard：チェックするとレコードの更新（リフレッシュ）ボタンが非常時になります。

・Do not allow text search：チェックするとテキストの検索ボックスが非表示になります。

・Do not allow record action：チェックするとレコードの行に編集や削除のアクション▽が表示されなくなります。

・Do not allow delete on edit：チェックするとレコードの削除ボタンが非表示になります。

手順⑤上記内容を設定後、保存して取引先画面を表示してみましょう。

以下のようの取引先に紐づく担当者の一覧が表示されます。

List Editorの利用方法

基本的な設定が終わったら実際に利用してみましょう。

【新規作成】

List Editor上の（New）ボタンをクリックすると新規取引先責任者の登録画面（標準）が表示されます。

手順②必要な情報を入力して保存します。

手順③保存するとレコードが追加されたことが確認できます。

【レコードの編集（個別）】

手順①個別に1レコードだけ編集した場合は、レコードのアクションメニューからEditを実行します。

手順②編集画面は標準と同じです。レコードを編集して保存をクリックします。

【レコードの一括編集】

手順①以下のように複数レコードが存在して一括編集したい場合には、鉛筆マークのボタンをクリックします。

手順②以下のように一括編集画面が表示されます。値の変更やレコードの削除などが可能です。

List Editorのコンポーネントのカスタマイズ（その他）

List Editorのコンポーネントは、以下のようなカスタマイズが可能です。

（ヘッダ背景色、テキスト色、レコードの偶数行の背景色の変更）

例：背景色をピンク、テキストを白、行をスカイブルーに変更しています。※英単語や16進数（#ffffffなど）での指定が可能です。

16進数で指定した場合

（アイコンの色、アイコンの背景色）

アイコンの色や背景色の変更も可能です。※アイコン自体の指定はできないようです。

最後にイメージの高さと幅の指定が可能となっています。

まとめ

以上で、List Editorのコンポーネントのインストールからカスタマイズまでの説明が完了となります。

ご紹介した通り、かなり便利で実用的なコンポーネントとなっていて、開発なしでこれらの機能が利用できるのであれば、動的関連リストの代わりにとしては十分な気がします。

注意点としては、自由入力での検索は、リストビューと同じようにテキスト項目や選択リスト値に対してしか検索できないため、ロングテキスト型を利用している場合には注意が必要です。

また、ロングテキスト型を配置した場合には、その項目での並べ替えはできません。（現状ではソートしようとするとExceptionが発生します）

※標準のリストビューでは、ソートできないように制御されていますが、そこの制御がまだ実装されていない気がするので、ご利用の際は注意が必要です。

サポーターさん

ブログランキングに参加しましたので、ご支援していただけると幸いです。

にほんブログ村

しかし既にTableauをお使いの場合には、蓄積したデータや作成したコンポーネントをSalesforceに連携してSalesforce上で利用（表示）するという方法もあります。

「 Tableau Viz Lightning Web コンポーネント」を使用すると、SalesforceのLightning ページでTableau ビューを 簡単に表示することができます。

今回の記事では、SalesforceのAppExchangeで公開されている「Tableau Viz Lightning Web Component for Salesforce」を使って、Tableauで作成したコンポーネントをSalesforce Lightningページ表示する方法をご紹介いたします。

この方法を使うと、Salesforceの標準機能で実現が難しいレポートやダッシュボードをSalesforce側の開発をせず、Tableauの標準機能で作成して、それをSalesforce上で参照するという使い方ができるため、作業工数の削減や品質向上につなげることができます。

では、さっそくセットアップ手順を説明していきたいと思います。

Tableau Viz Lightning Web Component for Salesforceのセットアップ手順

前提：Tableau製品には大きくクラウド型（Tableau Online）とオンプレミス型（Tableau Server）の2種類が存在します。

今回は、クラウド型サービスのTableau Onlineを使って、Salesforceとの連携を実現します。

※Tableau Onlineについては、現在14日間のトライアルが無料で利用可能となっています。

セットアップの手順（概略）は以下となります。

セットアップ（実践）

では手順に従ってさっそくセットアップを進めていきましょう。

１．Tableau Online のサインアップ

まずは、Tableau Onlineのトライアルの申し込みを行います。すでに自社でTableau Onlineをご利用の場合は、本ステップはスキップしてください。

①以下、Tableau の公式HPへアクセスします。

以下の申し込み画面で、必要事項を入力して無料トライアル版をリクエストのボタンをクリックします。

②申し込み後、以下の画面が表示されます。

③申込時に指定したメールアドレスに以下のメールが届きますので、「Activate My Site」のボタンをクリックします。

④ブラウザで以下の画面が表示されます。必要事項を入力して、もう一度「Activate My Site」を実行します。

・姓名、パスワード、サイト名（Tableau Online上に表示されます）を入力

・ロケーション：日本を指定

・利用規約に同意のチェックをします。

⑤次に進むと、以下のようなWelcome to Tableau！画面が表示されて、Tableau Onlineが利用できるようになります。「Next」ボタンをクリック。

⑥Salesforce Customerの確認メッセージが表示されますが、ここでは接続せずスキップしておきます。

⑦Tableau Onlineのホームが面が表示されます。ログインユーザはシステム管理者権限を持っています。

２．Tableau Online側からSalesforceに接続して商談ダッシュボードを作成

つづいて、Salesforce組織に接続して、商談データを使ったダッシュボードをTableau Onlineに作成していきます。

①ホーム画面のダッシュボードスターターからSalesforceを選択します。

②ダッシュボードの選択画面で、商談の概要というものがあるためこちらを選択して「Salesforceにサインイン」をクリックします。

※その他のお気に入りのダッシュボードがあればそちらを利用していただいても構いません。

③Tableau OnlineからSalesforceに対するアクセスを認証するため、接続先組織のユーザ名とパスワードを入力してログイン認証します。

④以下のようにアクセス許可を求める画面が表示されるため、許可のボタンをクリックします。

⑤アクセスを許可すると、Tableau Online側で自動的にSalesforceに接続し必要なデータを収集してダッシュボードを自動生成します。

⑥ダッシュボードの生成が終わると、以下のような画面が表示されます。

※以下はスマートフォン用のVIEWで表示した場合のレイアウトとなります。

⑦続いて、作成したTableau VIEWを公開します。画面左上の「パブリッシュ」のボタンをクリックします。

⑧ワークブックのパブリッシュ画面が表示されます。

⑨ワークブックの名前を指定して、保存先のプロジェクトを選択します。

データソースのパスワードの埋め込みは今回はSalesforce側はサンプルデータを利用しているため指定しませんが、必要な方は設定してください。

登録・設定が終わったら、「パブリッシュ」ボタンをクリックします。

⑩パブリッシュ後にブラウザのURLをコピーしておきます。

３．AppExchange「Tableau Viz Lightning Web Component for Salesforce」をインストール

今度は、Salesforce側の作業となります。AppExchangeの「Tableau Viz Lightning Web Component for Salesforce」をSalesforce組織にインストールします。

①以下、Tableau公式HPのリンクからAPPExchangeのサイトへ行き、「Get It Now」をクリックします。

※直接のAppExchangeのリンクは以下となります。

②次にTrailblazer.meのほうでログインします。

③アプリケーションをインストールする対象の組織へログインするためのユーザ名、パスワードを指定します。

※Sandboxの場合、URLが異なるので注意してください。

④ID検証の画面にて、メールアドレスに通知された確認コードを入力して検証を行います。

⑤続いて、左側のInstall in a Salesforce Orgのメニューで、インストール先の組織を選択して、Install in Production（本番環境へのインストール）または、Install in Sandbox(サンドボックスへのインストール)をクリックします。

※今回の説明ではDeveloper環境へのインストールのため「Install in Production」にて実行します。

⑥インストール情報を確認して問題なければ、「Confirm and Install」を実行します。

⑦インストール先のユーザを指定します。※必要なオプションを選択してインストールを実行してください。

⑧インストールが完了すると以下の画面が表示されます。

４．Tableau viz ComponentにTableau Onlineで作成したビューを表示

最後に、SalesforceのLightningページにTableau Onlineで作成したビューを表示します。

①Salesforceにシステム管理者でログイン後、お好きなLightningページに遷移して、ページの編集を行います。

※以下の例では、ホーム画面のページを編集しています。

②アプリケーションビルダーのページ編集画面にて、コンポーネント一覧に表示されているTableau Visualizationをドラッグアンドドロップで、画面に配置します。

③Tableau Visualizationのコンポーネントをクリックしてプロパティを表示します。（右ウィンドウ）

Tableau viewのURLを指定するところに、Tableau OnlineでパブリッシュしたあとにコピーしておいたURLを貼り付けます。

④画面を有効化して保存しておきます。

ホーム画面を表示すると以下のようにSalesforceからTableau Onlineにアクセスして、商談ダッシュボードを表示することができました。

もちろんこのままTableau Onlineの機能を使って、ダッシュボードを作成したりすることもできます。

※Salesforce上からTableau Onlineを使って、Salesforce上にあるデータを使ってダッシュボードを作成するということができるため、Salesforce標準ダッシュボードやレポートの代わりに利用するといった使い方もできるということです。

ただし、以下のようにデータの送受信が発生するためデータ量によっては、ある程度待ち時間が発生するので注意してください。

（補足）Tableau Onlineでパブリッシュする際にパスワードを設定している場合は、以下のようにTableau Onlineにサインインのメニューが表示されます。毎回サインインするのが面倒な場合には、SAML認証を使ったシングルサインオンの対応も可能です。

まとめ

いかがでしたでしょうか。今回はTableau Onlineを使って作成したビューをSalesforceに表示しましたが、もちろんTableau Serverでも同様のことが実現可能です。

※Tableau Serverもトライアルが用意されているので、興味がある方はお試しください。

SAML認証を使ったSSOの設定については、少し複雑な設定が必要となるため、別の機会に記事にしてご説明したいと思います。

サポーターさん

ブログランキングに参加しましたので、ご支援していただけると幸いです。

にほんブログ村

AppExchangeで、パッケージ「今日から使えるダッシュボードfor自己管理」というものが公式から提供されています。

以下のようなサンプルのダッシュボードが提供されており、提案作業や要件定義などで活用することができます。

自分専用のDeveloper組織をお持ちの方は、常に利用可能なように設定しておくと、提案や要件定義工程などでサンプルとして提示することもできるので、設定しておくことをお勧めします。

また、Salesforceのモバイルアプリを利用した場合のレポートやダッシュボードはどのように表示されるかということについて、お客さまからよく質問されることがあります。

そのため、モバイルアプリケーションもインストールして、サンプルのダッシュボードやレポートのキャプチャーを用意しておくこともお勧めです。

１．ダッシュボードのセットアップ

では、さっそくセットアップについて説明していきたいと思います。

まず、セットアップしたいSalesforce組織にシステム管理者でログインしておきましょう。

手順①AppExchangeからパッケージをインストール

1.Salesforceログイン後、[アプリケーションランチャー]を実行し、AppExchangeにアクセスのボタンをクリックします。

2.APP STOREにて、Salesforce Labsが提供している「今日から使えるダッシュボードfor自己管理」を検索します。

3.「今日から使えるダッシュボードfor自己管理」をクリックして以下の画面から[今すぐ入手]　のボタンをクリックします。

4.AppExchangeにログインの画面が表示されます。ここで[ログイン画面を開く]を確認のボタンをクリックします。

6.App ExchangeのAPIからインストール先の組織へのアクセス許可が求められるため[許可]のボタンをクリックします。

7.続いて、インストール先の組織を選択します。最初にログインしていた組織か、Sandboxか選択します。（Developer Editionをお使いの方は、本番と同じ扱いとなるため、この組織にインストールを選択してください）

8.インストール内容を確認したら、契約条項の同意チェックを行い、次へ進みます。

9.既存のコンポーネントと競合する場合の扱いを選択し、対象のユーザを選択してインストールします。

10.インストールが成功すると以下のメッセージとメールでの通知が届きます。

２．ダッシュボードを表示する

インストールが完了したらダッシュボードを表示してみましょう。ダッシュボードタブから、インストールしたダッシュボード名を選択します。

※ここでは、「SFDC_201007_自己管理」ダッシュボードを選択しています。

ダッシュボードは更新しないと以下のようになにも表示されないため、更新ボタンをクリックします。

すると以下のように組織に登録されたデータに基づきダッシュボードが更新されます。

もし、商談などのレコードが存在しない、もしくは、条件に一致しない（今季の商談となっているため、前期以前のデータしかない場合）などは正しく表示されないので、レポートの条件を変更するか、データの補正をする必要があります。

ダッシュボードのコンポーネント内のレポートの表示リンクをクリックすると以下のように対象のレポート画面へ遷移します。

このレポートで抽出条件などを確認し、必要に応じて条件の変更などをしてください。

また以下のようにレポートでデータが表示されるようになったらグラフの種類や表示軸の変更なども合わせて実施することができます、。

お客様が必要とする分析軸や直感的に状況を把握しやすいグラフの種類を選択するとよいでしょう。

モバイルアプリケーションによるダッシュボード、レポートの制限について

Salesforceが提供するモバイルアプリケーションを利用してレポート、ダッシュボードを参照することはできますが、以下の制約事項があります。

• レポートやダッシュボードは参照のみとなるため、編集やデータのエクスポートなどはできません。
• グルーピングがあるレポートを参照する場合、レポートの最後にグルーピングが列として表示されます。
• マトリックスレポートとサマリーレポートは表形式で表示されます。結合レポートは使用できません。
• 条件付き強調表示が示されているレポートは表示できません。

詳細や最新の情報は以下、Salesforce公式のHELPサイトをご確認ください。

PC端末とスマートフォン（モバイルアプリケーション）の比較

ダッシュボード/レポートをPC端末で表示した場合と、スマートフォン（モバイルアプリケーション）で表示した場合の比較

PC端末で表示	スマホ（モバイルアプリケーション）で表示

上記の通り、PC端末では一度に確認できる情報量が多いのに比べて、スマホの場合は、限られた情報を一つずつ確認していく必要があります。

ダッシュボードに関しては、外出先などでスマートフォンを使って確認する場合でも、見やすい形となっており、縦スクロールすることで全てのコンポーネントを確認できるので、問題なく利用できる操作感となっています。

一方、レポートに関しては、項目の列は横スクロールとなっているため、項目数が多いと表全体として何かを読み取るという使い方は少し厳しい感じがします。PC端末での操作と比べると効率は悪いのは否めませんが、レポートの項目を絞って必要なものだけを一覧化して利用するなど工夫次第で、業務でも問題なく利用できるのではないでしょうか。

まとめ

まとめ

セールスフォース公式（Salesforce Labs）が提供している便利なパッケージはほかにもたくさんあります。

• Salesforce CRM Dashboards
• Chatter Usage Dashboards
• Service & Support Dashboards
• Salesforce Adoption Dashboards
• Spring ’21 Salesforce Community Management Package for Sites with Chatter
• Preconfigured Sales Cloud Dashboards
• Knowledge Base Dashboards & Reports

ほかにもdashboardで検索すると以下のようなものがあります。

パッケージのインストール手順については、今回ご紹介した手順と同様のとなります。気になるパッケージがある場合には、Developer Editionの組織にインストールして試してみるとよいでしょう。

Developer Editionの組織をお持ちでない方は、こちらの記事を参考に作成してみてください。

参考

セールスフォースの基礎Ⅰ（３）Developer組織の作成～ログインまで

【第三回】セールスフォースの基礎講義 前回の記事では、インスタンスとリージョンの…

続きを読む

サポーターさん

ブログランキングに参加しましたので、ご支援していただけると幸いです。

にほんブログ村