---
schema_version: "1"
id: c3ab6b16945299f06e080285cb66eeddacc5d54808d2d85987ba7ff3ab0dbb66
title: Tableau ビュー Lightning Web コンポーネントの構成
collection: tableau
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/tableau/current/ja-jp/online/lwc_tableau_view.md
canonical_url: https://help.tableau.com/current/online/ja-jp/lwc_tableau_view.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 22d8af523e20b2f9a4dd4baa526283f7501967b0db9d7bf39df440919ffac878
description: Configure a Tableau View Lightning web component on Salesforce Lightning pages.
---
[メイン コンテンツに進む](#main-content)

# Tableau ビュー Lightning Web コンポーネントの構成

Tableau ビュー Lightning Web コンポーネント (LWC) を使用すると、Salesforce の顧客は、埋め込まれた Tableau ビューを Tableau Cloud または Tableau Server から Salesforce Lightning ページにドラッグ アンド ドロップできます。Tableau View LWC は、アプリ ページ、ホーム ページ、レコード ページ、および Experience Cloud ページへの埋め込みをサポートしています。

Tableau LWC の有効化、信頼できる URL の追加、シームレスな認証とホスト マッピングの設定、Lightning ページへのコンポーネントの追加を行う際の手順については、[Tableau Lightning Web コンポーネントの構成](https://help.tableau.com/current/online/ja-jp/lwc_seamless_auth.htm)に関するページを参照してください。

Tableau ビュー LWC を Lightning ページに追加したら、コンポーネント フィールドを設定します。

コンポーネント フィールド説明<table class="table--plain">
                    <colgroup><col></colgroup><colgroup><col></colgroup><tbody><tr><td><strong>コンポーネント フィールド</strong></td><td><strong>説明</strong></td></tr><tr><td>Tableau ビューの URL</td><td><p>このフィールドは必須です。埋め込む Tableau ビューの URL を入力します。</p><p>URL を見つけるには、新しいタブを開き、埋め込む Tableau ビュー を見つけます。<span class="uicontrol">[共有]</span> を選択してから、<span class="uicontrol">[リンクのコピー]</span> を選択します。</p><p><strong>注</strong>: URL はワークブックではなくビューのものである必要があります。</p></td></tr><tr><td>シングル サインオンを有効にする</td><td>トークンベースの認証を使用している場合は、このボックスをオンにする必要があります。</td></tr><tr><td>サイト ID</td><td><span class="uicontrol">[Tableau ビュー]</span> フィールドで使用される URL にホスト マッピングが指定されていない場合、シームレスな認証にこのフィールドが必要です。Tableau サイトにホスト マッピングが存在する場合、このフィールドの内容は無視されます。</td></tr><tr><td>タブの表示</td><td>タブを表示したい場合、このチェック ボックスをオンにします。</td></tr><tr><td>ツールバーの表示</td><td>ツールバーを表示したい場合、このチェック ボックスをオンにします。</td></tr><tr><td>高さ</td><td>ピクセル単位の高さ。</td></tr><tr><td>カスタム クエリ パラメーター</td><td>カスタム パラメーターの追加、およびビューの静的フィルタリングに使用します。FieldName=FieldValue (例: 製造業者=3M または地域=北) の形式で入力します。</td></tr><tr><td>UAF 定義名</td><td><strong>アプリ、ホーム、レコード ページ</strong><p>Tableau UAF クレーム定義の設定で構成された UAF クレーム定義から選択します。</p><p>定義を追加するには、次の手順を実行します。</p><ol><li value="1"><p><span class="uicontrol">[Select… (選択…)]</span> を選択します。</p></li><li value="2"><p>矢印を使用して、利用可能な定義を <span class="uicontrol">[Selected (選択済み)]</span> フィールドに移動します。</p></li><li value="3"><p><span class="uicontrol">[OK]</span> を選択します。</p></li></ol><p><strong>Experience Cloud ページ</strong></p><p>UAF クレーム定義名のコンマ区切りリストを入力します。定義名をコピーするには、Salesforceアプリから <span class="uicontrol">[Tableau UAF Claims Definition (Tableau UAF クレーム定義)]</span> 設定ページに移動し、<span class="uicontrol">[コピー]</span> を選択します。</p></td></tr><tr><td>デバッグ モード</td><td>デバッグ モードをオンにするには、このボックスをオンにします。</td></tr><tr><td>強制更新の切り替え</td><td>トラブルシューティングを行う場合、このチェックボックスを切り替えて、Lightning アプリケーション ビルダー ページ全体または Lightning ページ上のすべてのコンポーネントを更新するのではなく、このコンポーネントのみを更新できます。</td></tr><tr><td>コンポーネントの可視性の設定: フィルター</td><td><p>コンポーネントを表示するタイミングに関するフィルターを作成します。たとえば、特定のユーザー、パーミッション、またはデバイスのフォーム ファクターでフィルタリングできます。</p><p>フィルターを追加するには、次の手順を実行します。</p><ol><li value="1"><span class="uicontrol">[フィルターの追加]</span> を選択します。</li><li value="2"><span class="uicontrol">[選択]</span> をクリックして、フィルタリングするフィールドを選択します。</li><li value="3">選択を完了してから、<span class="uicontrol">[完了]</span> を選択します。</li><li value="4"><span class="uicontrol">[完了]</span> をクリックしてフィルターを保存します。</li></ol><p><strong>重要</strong>: フィールド名は、データ ソースで定義されているとおりに入力する必要があります。たとえば、データ ソースが英語であるものの、データ ソース フィールドがユーザーのために日本語に翻訳されている場合、ユーザーは元の英語のフィールド名を入力する必要があります。</p></td></tr></tbody></table>

### レコード ページでのみ使用可能なフィールド

以下のフィールドを使用すると、最大 2 つのフィールドを動的にフィルタリングできます。たとえば、チェック ボックスを使用して \[アカウント ID\] をフィルターし、詳細フィルターを使用して \[都道府県/州\] をフィルターできます。

コンポーネント フィールド説明

<table class="table--plain"><colgroup><col></colgroup><colgroup><col></colgroup><tbody><tr><td><strong>コンポーネント フィールド</strong></td><td><strong>説明</strong></td></tr><tr><td>レコード ID のフィルタリング</td><td>レコード ID を使用してビューを動的にフィルターするときに使用します。ビューのデータ ソース内のフィールドの名前は、「レコード タイプ ID」の形式と一致する必要があり、大文字と小文字が区別されます。たとえば、Lightning ページがアカウント レコード用の場合、ビュー内のフィールドの名前は「アカウント ID」である必要があります。</td></tr><tr><td>Tableau 動的フィルター名</td><td>現在のレコードの特定のフィールドを使用して動的にフィルターするときに使用します。ビューのデータ ソース内のフィールドの名前を入力します。</td></tr><tr><td>Salesforce 動的フィルター値</td><td>現在のレコードの特定のフィールドを使用して動的にフィルターするときに使用します。Salesforce レコードで対応するフィールドを選択します。</td></tr></tbody></table>

## Tableau ビュー コンポーネントのトラブルシューティング

Tableau ビュー Lightning Web コンポーネントを含むページで歯車アイコンを選択し、\[ページの編集\] を選択します。

1. Tableau ビュー Lightning Web コンポーネントをクリックしてプロパティ エディターを開きます。
2. **\[Tableau ビューの URL\]** フィールドに、Tableau ビュー (ワークブックではない) の有効な URL が含まれていることを確認します。Tableau ビューの \[共有\] ダイアログを開き、\[リンクのコピー\] を選択します。
3. \[シングル サインオンを有効にする\] のチェック ボックスをオンにする必要があります。
4. \[サイト ID\] フィールドで、このサイトにホスト マッピングが保存されているかどうかを確認します。**注**: サイトにホスト マッピングが定義されている場合、\[サイト ID\] フィールドは無視されます。

- Tableau Cloud の場合、埋め込まれた Tableau ビューの \[共有\] ダイアログからコピーしたサイト ID をフィールドに入力する必要があります。
- Tableau Server の場合、フィールドは空白にする必要があります。

Tableau LWC およびシームレスな認証に関するその他の情報とトラブルシューティングについては、[Tableau Lightning Web コンポーネントの構成](https://help.tableau.com/current/online/ja-jp/lwc_seamless_auth.htm)に関するページを参照してください。