--- title: 【Tableau Desktop】動的ゾーン表示×自作のタブで表示を切り替える description: 動的ゾーン表示は、英語でDynamic Zone Visibilityと呼ばれます。簡潔にお伝えすると、ユーザーのアクションによってダッシュボード上に配置するオブジェクトを表示/非表示できる機能です。これまではフィルターやパラメーターを使用し、シートのみ表示/非表示を制御できました。 image: https://knowledge.insight-lab.co.jp/hubfs/Visibility_sample.gif --- ![INSIGHT LAB_文字のみ_WHT-1](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB_文字のみ](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png) [![相談・お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/4871ff46-eca7-4fd2-8f82-565d765c8ad8.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/4871ff46-eca7-4fd2-8f82-565d765c8ad8) - [Tableauとは](https://service.insight-lab.co.jp/Tableau) - [Tableauナレッジ](https://knowledge.insight-lab.co.jp/tableau) - [お役立ち資料](https://download.insight-lab.co.jp/tableau/download) - [研修コース](https://service.insight-lab.co.jp/data-analytics-dojo/training_course) ###### 3 分で読むことができます。 # [【Tableau Desktop】動的ゾーン表示×自作のタブで表示を切り替える](https://knowledge.insight-lab.co.jp/tableau/dynamic-zone-visibility) 執筆者 [Issy](https://knowledge.insight-lab.co.jp/tableau/author/issy) 更新日時 2023年5月18日 ###### Topics: [Tableau Desktop](https://knowledge.insight-lab.co.jp/tableau/tag/tableau-desktop) ![【Tableau Desktop】動的ゾーン表示×自作のタブで表示を切り替える](https://knowledge.insight-lab.co.jp/hubfs/Visibility_sample.gif) 目次 ## はじめに こんにちは。久しぶりにDesktop機能について書きたいと思います。 今回はタイトルの通り、Tableau Desktop 2022.3の新機能である動的ゾーン表示について触れます。 （ちょいと出遅れました…、もう2023年だ） ## 動的ゾーン表示とは 動的ゾーン表示は、英語で"Dynamic Zone Visibility"と呼ばれます。 簡潔にお伝えすると、ダッシュボード上に配置するオブジェクトを表示/非表示できる機能です。 これまではフィルターやパラメーターを使用し、シートのみ表示/非表示を制御可能でした。 それがこの機能によって、より簡単に、より多くのオブジェクトに適用できるようになりました。 ## 設定方法 ①表示/非表示を制御するフィールド、またはパラメーターを用意する ※以下の要件を満たしている必要があります > Dynamic Zone Visibility でフィールドを使用するには、フィールドまたはパラメーターは次の要件を満たす必要があります。 > > ・ブール値 > > ・1 つの値 > > ・Viz と無関係。つまり、フィールドは、固定された詳細レベル (LOD) の計算など、Viz の構造とは関係がない定数値を返します > > 引用：[Dynamic Zone Visibilityの使用](https://help.tableau.com/current/server-linux/ja-jp/dynamic_zone_visibility.htm) ②ダッシュボード上でオブジェクトを選択する ③レイアウトタブの「値を使用して表示状態を制御する」にチェック ④制御に使用するフィールド、またはパラメーターを選択する ![](https://knowledge.insight-lab.co.jp/hubfs/image-png-Apr-27-2023-05-02-18-5754-AM.png) ## 作ってみた さて、ここまでは機能の紹介でした。 ここからはこの機能と自作のタブを使って、実装例を作ってみます。こんな感じ。 タブを選択すると、シートが切り替わるような仕様です。 ![Visibility_sample](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Visibility_sample.gif?width=603&height=481&name=Visibility_sample.gif) ちなみにTableau Desktop v2023.1を使用しています。 【作成手順】 ①切り替えるシートを作成する（ここでは3シート作成します） ②動的ゾーン表示に使用するパラメーターを作成する ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/image-png-Apr-27-2023-05-19-12-4124-AM.png?width=407&height=379&name=image-png-Apr-27-2023-05-19-12-4124-AM.png)   ③②のパラメーターを使用し、制御するためのフィールドを作成する 今回はタブを選択した時にシート名がパラメーターに入るように設定するので、写真のように切り替えるシート分のフィールドを作成します。（ここでは3シートなので3つ作成します） 例）Sales by Categoryシート用の制御フィールド ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/image-png-Apr-27-2023-05-20-47-1965-AM.png?width=339&height=208&name=image-png-Apr-27-2023-05-20-47-1965-AM.png)   ④ボタン用のデータソースを用意する 以下をコピペしてデータソースとして使ってください。 `Button` `Sales by Category` `Sales vs. Profit` `Sales by Region`   ⑤パワポなどでボタンを自作し、カスタム形状に追加する ![Button - Sample](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/Button%20-%20Sample.png?width=211&height=40&name=Button%20-%20Sample.png)　←これを使います 作成した画像ファイルは以下のリポジトリ内に追加します。 > C:\\Users\\(Your Name)\\Documents\\My Tableau Repository\\Shapes\\(whatever)   ⑥列とラベルにButtonフィールドを追加し、形状を自作のボタンに変更する ![](https://knowledge.insight-lab.co.jp/hubfs/image-png-Apr-27-2023-05-50-26-9124-AM.png)   ⑦（おまけ）ボタンの選択有無を示すためにフィールドを作成し、色に追加する ![](https://knowledge.insight-lab.co.jp/hubfs/image-png-Apr-27-2023-05-30-33-2786-AM.png)   ⑧ダッシュボードに配置する ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/image-png-Apr-27-2023-05-34-33-2387-AM.png?width=638&height=493&name=image-png-Apr-27-2023-05-34-33-2387-AM.png)   ⑨シートを選択し、それに合う制御フィールドを設定する （今回は３シートなので、３回繰り返す） ![](https://knowledge.insight-lab.co.jp/hubfs/image-png-Apr-27-2023-05-36-33-1118-AM.png) 完成！だけど… ⑩（おまけ）ボタンを選択した時のハイライトを除去する 　⑩-1 TRUE、FALSEの計算フィールドを作成し、Buttonのシートの詳細に追加する ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/image-png-Apr-27-2023-06-40-46-5241-AM.png?width=476&height=324&name=image-png-Apr-27-2023-06-40-46-5241-AM.png) 　⑩-2 ダッシュボードでフィルターアクションを以下の通り設定する ![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/image-png-Apr-27-2023-06-45-17-5448-AM.png?width=418&height=476&name=image-png-Apr-27-2023-06-45-17-5448-AM.png) 以上です！ ## さいごに いかがでしたでしょうか。 今回の例はシートの表示/非表示でしたが、動的ゾーン表示ではコンテナやテキスト、凡例などのオブジェクトも表示制御することができます！ かなり表現の幅が広がると思いますので、ぜひ試してみてください！ データ利活用のプロに相談してみませんか？ INSIGHT LABでは、Tableauだけではなく、他BI製品含めたご相談を承っております。導入済みのお客様からのご相談も多く頂いております。お気軽に以下よりご相談ください。 [![相談・お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/4871ff46-eca7-4fd2-8f82-565d765c8ad8.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/4871ff46-eca7-4fd2-8f82-565d765c8ad8) - [Tweet](https://twitter.com/share) ![Issy](https://knowledge.insight-lab.co.jp/hubfs/IMG_3822_Original.jpg) #### 執筆者 [Issy](https://knowledge.insight-lab.co.jp/tableau/author/issy) BIエンジニア。Qlik Sense Business Analyst, Tableau Desktop Certified Associate、DATA Saberを保持。 ###### [前の投稿](https://knowledge.insight-lab.co.jp/tableau/household-survey-dairy-and-eggs) [![Tableau Prep Builderでオープンデータを分析しやすい形に加工してみよう【1】](https://knowledge.insight-lab.co.jp/hubfs/image-png-Apr-09-2023-11-33-27-0695-PM.png)](https://knowledge.insight-lab.co.jp/tableau/household-survey-dairy-and-eggs) ###### [Tableau Prep Builderでオープンデータを分析しやすい形に加工してみよう【1】](https://knowledge.insight-lab.co.jp/tableau/household-survey-dairy-and-eggs) ###### [次の投稿](https://knowledge.insight-lab.co.jp/tableau/prediction-function-customize-your-predictive-model) [![](https://knowledge.insight-lab.co.jp/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-04%20143547.png)](https://knowledge.insight-lab.co.jp/tableau/prediction-function-customize-your-predictive-model) ###### [【折れ線グラフ】予測機能で予測モデルをカスタム設定する](https://knowledge.insight-lab.co.jp/tableau/prediction-function-customize-your-predictive-model) RECOMMEND こちらの記事も人気です。 ###### 6 分で読むことができます。 #### [Tableau 計算フィールド活用術：実務で使える計算式10選とその用途](https://knowledge.insight-lab.co.jp/tableau/tableau-keisanfield10) ###### 2025年 6月 24日 ###### 1 分で読むことができます。 #### [【Tableau】日付関数入門【DATETRUNCで日付を特定の日付単位に丸める】](https://knowledge.insight-lab.co.jp/tableau/data-source/function_datetrunc) ###### 2018年 12月 9日 ###### 2 分で読むことができます。 #### [【Tableau】データソースの置換手順 (Tableau Certified Data Analyst 出題範囲)](https://knowledge.insight-lab.co.jp/tableau/tableau-data-source-replacement-method) ###### 2024年 5月 19日 ###### 2 分で読むことができます。 #### [【Tableau】カスタムSQLの使用方法](https://knowledge.insight-lab.co.jp/tableau/data-source/how_to_custom_sql) ###### 2018年 12月 12日 ###### 1 分で読むことができます。 #### [Tableauでダッシュボードを作成してみよう！](https://knowledge.insight-lab.co.jp/tableau/beginner/dashboard_1) ###### 2017年 12月 11日 ###### 1 分で読むことができます。 #### [Tableauの日付関数入門【DATEDIFF】](https://knowledge.insight-lab.co.jp/tableau/data-source/function_datediff) ###### 2018年 12月 6日 ##### 運営会社 運営会社 - [会社概要](https://www.insight-lab.co.jp/about/company.html) - [運営責任者](https://twitter.com/Kajiwara81) - [お問い合わせ](https://contact.insight-lab.co.jp/main) ##### メニュー メニュー - Tableauとは - [Tableau技術ナレッジ](https://knowledge.insight-lab.co.jp/tableau) - Tableau研修 - [お役立ち資料](https://download.insight-lab.co.jp/tableau/download) [![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB")](https://www.insight-lab.co.jp/) - [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html) Copyright © 2020 INSIGHT LAB, Inc.