--- title: 【Tableau】パラメータアクションで作る“動的ハイライト”のチュートリアル description: "Tableauのパラメータアクションを使って、動的ハイライトを作成する方法を解説します。\n初心者でも簡単に実践できます。" image: https://knowledge.insight-lab.co.jp/hubfs/title-1.png --- ![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) ###### 8 分で読むことができます。 # [【Tableau】パラメータアクションで作る“動的ハイライト”のチュートリアル](https://knowledge.insight-lab.co.jp/tableau/パラメータアクションで作る-動的ハイライトのチュートリアル) 執筆者 [Linda](https://knowledge.insight-lab.co.jp/tableau/author/linda) 更新日時 2025年12月11日 ###### Topics: [Tableau](https://knowledge.insight-lab.co.jp/tableau/tag/tableau) ![](https://knowledge.insight-lab.co.jp/hubfs/title-1.png) 目次 ## はじめに Tableauでダッシュボードを作っていると、「特定の商品だけに注目したい」「でもフィルターを掛けると他のデータが消えてしまい、全体の中での位置づけが分かりづらくなる」と感じる場面がありませんか？ そんなときに便利なのが、パラメータアクションを使った動的ハイライト表示です。 データを絞り込むのではなく、クリックした要素だけを強調表示することで、他の値を残したまま比較しやすい状態を作ることができます。 今回は Tableau のサンプルデータセット \[サンプル - スーパーストア\] を使い、実際に動くところまでをハンズオン形式で解説します。 ## ハンズオン：動的ハイライトを作る   ### STEP① ワークシート作成 ``` 新規ワークシートを作成し、次の構成で横棒グラフを作ります。 ``` | 列： | 売上 | | --- | --- | | 行： | 製品名 | ``` ```   ![2-Dec-05-2025-06-17-49-8983-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/2-Dec-05-2025-06-17-49-8983-AM.png?width=1917&height=997&name=2-Dec-05-2025-06-17-49-8983-AM.png)   ### STEP② ダッシュボード作成 下部の \[新しいダッシュボードを作成\] をクリックし、先ほどのワークシートをキャンバスへドラッグ＆ドロップします。これで後述のアクション設定が可能な状態になります。 ![3-Dec-05-2025-06-17-49-9605-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/3-Dec-05-2025-06-17-49-9605-AM.png?width=1912&height=998&name=3-Dec-05-2025-06-17-49-9605-AM.png)   ### STEP③ パラメータ作成 ワークシートに戻り、以下の内容でパラメータを新規作成します。 | 名前： | 選択商品 | | --- | --- | | データ型： | 文字列 | | その他の項目： | 初期値 |   ```   ```   パラメータは「選択された要素を保存する箱」の役割を果たします。 ![4-Dec-05-2025-06-17-49-9172-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/4-Dec-05-2025-06-17-49-9172-AM.png?width=1919&height=993&name=4-Dec-05-2025-06-17-49-9172-AM.png) ![5-Dec-05-2025-06-17-49-9692-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/5-Dec-05-2025-06-17-49-9692-AM.png?width=1918&height=998&name=5-Dec-05-2025-06-17-49-9692-AM.png)   ### STEP④ パラメータアクション作成 ダッシュボード画面で \[ダッシュボード\] → \[アクション\] → \[追加\] → \[パラメータ変更\] を開き、次のように設定します。 | アクションの実行対象： | 選択 | | --- | --- | | ターゲットパラメータ： | 選択商品 | | ソースフィールド： | 製品名 | | そのほかの項目： | 初期値 |     これにより、グラフのクリックで選んだ製品名がパラメータに代入されるようになります。 ![6-Dec-05-2025-06-17-49-9356-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/6-Dec-05-2025-06-17-49-9356-AM.png?width=1919&height=998&name=6-Dec-05-2025-06-17-49-9356-AM.png) ![8-Dec-05-2025-06-17-49-8710-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/8-Dec-05-2025-06-17-49-8710-AM.png?width=1918&height=997&name=8-Dec-05-2025-06-17-49-8710-AM.png)   ### STEP⑤ 判定用の計算フィールド作成 次に、計算フィールドを作成します。計算フィールド名にはお好きな名前を付けてください。　　ここでは「判定フィールド」とします。 `IF [製品名] = [選択商品] THEN "選択"　　　　　　` `ELSE "その他"　　　　　　　　　　　　　　 　　　` `END　　　　　　　　　　　　　　　　　　　 　　　` この計算フィールドは「選択値かどうか」判定して色を制御する役割を果たします。 ![9-Dec-05-2025-06-17-49-8711-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/9-Dec-05-2025-06-17-49-8711-AM.png?width=1919&height=999&name=9-Dec-05-2025-06-17-49-8711-AM.png) ![10-Dec-05-2025-06-17-49-9148-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/10-Dec-05-2025-06-17-49-9148-AM.png?width=1918&height=993&name=10-Dec-05-2025-06-17-49-9148-AM.png)   ### STEP⑥ 色付けによるハイライト設定 作成した計算フィールドをマークカードの \[色\] にドラッグ＆ドロップします。 ![11-Dec-05-2025-06-17-49-8710-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/11-Dec-05-2025-06-17-49-8710-AM.png?width=1919&height=995&name=11-Dec-05-2025-06-17-49-8710-AM.png) クリックした製品だけ色が変わるようになります。 ![12-Dec-05-2025-06-17-49-9165-AM](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/12-Dec-05-2025-06-17-49-9165-AM.png?width=1918&height=992&name=12-Dec-05-2025-06-17-49-9165-AM.png) また、画面右に表示されている、\[計算フィールド名\]横の▼ → \[色の編集\]から好みの色に変更可能です。 ![13-4](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/13-4.png?width=1919&height=1000&name=13-4.png) ![14-3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/14-3.png?width=1918&height=992&name=14-3.png) これで、バーをクリックすると選択した製品のみが強調表示され、他の製品の分布を残したまま比較できる状態になります。 これが今回作成した「動的ハイライト」です。 ![15-3](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/15-3.png?width=1918&height=1020&name=15-3.png)   ## 仕組みの整理 今回行った構成は、3つの要素の組み合わせで成り立っています。 | 要素 | 役割 | | --- | --- | | パラメータ： | 選択された値の保存場所 | | パラメータアクション： | クリック値をパラメータに代入 | | 判定用計算フィールド： | 表示の切り替え制御 |   これらを組み合わせることで、選択に応じた表示切替が可能になります。   ## フィルターとの使い分け フィルターは「条件に合うデータだけを表示したい」ときに最適です。 一方、動的ハイライトは「全体を見たまま注目点を目立たせたい」ときに使うと効果的です。 - 絞り込みたい ⇒ フィルター - 比較を残したまま注目させたい ⇒ 動的ハイライト という使い分けが可能です。 ## 応用アイデア 同じ仕組みは次のようなケースにも応用できます。 - 月をクリックして年間推移をハイライト - 担当者を選んで KPI を強調表示 - 地図クリックによる地域強調 ## まとめ 今回紹介した動的ハイライトは、 「データを絞り込まず、全体を見たまま注目点を強調したい」という場面で特に効果を発揮します。 パラメータとアクションを組み合わせるだけで - クリックした要素のみを自然に際立たせられる - 他のデータも残るため比較の流れが途切れない - ダッシュボードに操作性とストーリー性を加えられる といったメリットがあります。 特にKPIレビューやランキング分析、地域比較など「全ての状況も把握したいが、今はここに注目してほしい」というダッシュボードでは、動的ハイライトを積極的に取り入れるのがおすすめです。 Tableauでの可視化表現にぜひ取り入れてみてください。   データ利活用のプロに相談してみませんか？ 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) ![Linda](https://knowledge.insight-lab.co.jp/hubfs/user.png) #### 執筆者 [Linda](https://knowledge.insight-lab.co.jp/tableau/author/linda) ###### [前の投稿](https://knowledge.insight-lab.co.jp/tableau/-tableau-how-to-add-custom-shapes) [![](https://knowledge.insight-lab.co.jp/hubfs/%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB-3.png)](https://knowledge.insight-lab.co.jp/tableau/-tableau-how-to-add-custom-shapes) ###### [【Tableau】カスタム形状の追加方法　～ダッシュボードを自分好みにカスタマイズしよう～](https://knowledge.insight-lab.co.jp/tableau/-tableau-how-to-add-custom-shapes) 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.