Tableau|ダッシュボードとストーリー(アクション・デバイスレイアウト・Viz in Tooltip)
ダッシュボード作成・6種類のアクション・デバイスレイアウト・ストーリーポイントを解説。試験範囲3.2の完全カバー。
ダッシュボードとストーリー(試験範囲 3.2)
この章で学ぶこと
- ダッシュボードにワークシートを追加する方法を理解する
- インタラクティブ要素(フィルター・ハイライター・ツールヒント)の使い方を理解する
- ダッシュボードアクションの種類と設定方法を理解する
- デバイスレイアウトの設定方法を理解する
- ストーリーとストーリーポイントの作り方を理解する
概念解説
1. ダッシュボードの基本
ダッシュボード:複数のワークシートを1つの画面にまとめて表示するキャンバス。
作成方法:
- 画面下部のタブバーで「+」→「新しいダッシュボード」
- またはメニュー「ダッシュボード」→「新しいダッシュボード」
ダッシュボードペインの要素:
| 要素 | 説明 |
|---|---|
| シート | 追加するワークシートの一覧 |
| オブジェクト | テキスト・画像・Web・ブランク等 |
| レイアウト | サイズ・位置の詳細設定 |
レイアウト方式:
- タイル(Tiled):グリッドで整列(推奨)
- フロート(Floating):自由配置(重ね合わせ可能)
サイズ設定:
- 固定サイズ(例:1200×800px)
- 自動(ブラウザサイズに合わせる)
- 範囲(最小〜最大サイズ)
2. インタラクティブ要素
フィルターコントロール
ビューのフィルターをユーザーが操作できるUIを表示する。
追加方法:
- ワークシート上のフィールドを右クリック → 「フィルターの表示」
- フィルターシェルフのフィルターを右クリック → 「フィルターコントロールの表示」
表示形式(ディメンション):
- シングルリスト
- 複数リスト
- ドロップダウン
- コンパクトリスト
- ワイルドカードマッチ
表示形式(メジャー/連続):
- スライダー
- テキスト入力
データハイライター
特定の値を入力するとビュー全体でハイライト表示される。
追加方法:
- メニュー「分析」→「ハイライターの表示」
- ビュー上のフィールドを右クリック → 「ハイライターの表示」
3. ダッシュボードアクション
ユーザーの操作(クリック・ホバー)に応じてビューが変化するインタラクション。
設定方法: メニュー「ダッシュボード」→「アクション」→「アクションの追加」
アクションの種類:
| アクション | 説明 | トリガー |
|---|---|---|
| フィルターアクション | クリックした要素でターゲットをフィルター | ホバー・選択・メニュー |
| ハイライトアクション | クリックした要素に関連するデータをハイライト | ホバー・選択・メニュー |
| URLアクション | クリックでURLを開く | ホバー・選択・メニュー |
| シートへ移動 | 別のシート/ダッシュボードへナビゲート | 選択・メニュー |
| パラメーターアクション | クリックでパラメーター値を変更 | ホバー・選択・メニュー |
| セットアクション | クリックでセットのメンバーを変更 | ホバー・選択・メニュー |
フィルターアクションの設定ポイント:
- ソースシート:クリックする側のシート
- ターゲットシート:フィルターされる側のシート
- 選択解除時の動作:フィルターを保持・フィルターを除去・すべての値を表示
フィルターを複数シートに適用する方法
方法1:フィルターコントロールの「ワークシートに適用」 フィルターを右クリック → 「ワークシートに適用」→ 対象を選択
- このデータソースを使用するすべてのワークシート
- 選択したワークシートのみ
方法2:フィルターアクションを使用 ダッシュボードのアクション設定で複数のターゲットシートを指定
4. デバイスレイアウト(Device Designer)
デバイス(電話・タブレット・デスクトップ)ごとに最適なレイアウトを設定する。
設定方法:
- ダッシュボードペイン下部の「デバイスプレビュー」ボタン
- またはメニュー「ダッシュボード」→「デバイスレイアウト」
デバイスタイプ:
| デバイス | 代表的な画面幅 |
|---|---|
| デスクトップ | 800px以上 |
| タブレット | 500〜800px |
| 電話 | 500px未満 |
デバイスレイアウト追加:
- デフォルトレイアウトをベースにカスタマイズ
- デバイス別に表示するシートを選択・配置変更できる
- 不要なシートを特定のデバイスで非表示にもできる
Tableau Server/Cloudで閲覧時、端末に応じて自動的に適切なレイアウトが表示される。
5. ツールヒント:Viz in Tooltip
マークにホバーすると、別のビジュアライゼーションがポップアップ表示される。
設定方法:
- ワークシートのMarksカード → 「ツールヒント」をクリック
- ツールヒントエディタで「シートの挿入」→ 表示したいシートを選択
活用例:
- 月次棒グラフにホバー → その月の週次推移が表示
- 顧客リストにホバー → 顧客の購入履歴グラフが表示
6. ストーリーとストーリーポイント
ストーリー:複数のシートやダッシュボードをスライド形式でまとめたプレゼンテーション機能。
ストーリーポイント: ストーリーの各スライド(1枚1枚)
作成方法:
- 画面下部のタブバーで「+」→「新しいストーリー」
- ストーリーペインからシートをキャンバスにドラッグ
- 「ストーリーポイントを追加」で次のスライドを作成
- 各ポイントにキャプション(タイトル)を設定
ストーリーとダッシュボードの違い:
| ダッシュボード | ストーリー | |
|---|---|---|
| 用途 | 複数ビューの同時表示 | 分析の流れをナレーション |
| 形式 | 1画面 | 複数スライド(順序あり) |
| インタラクション | 高い | 各ポイントで個別 |
| 活用場面 | 日常的な監視・分析 | プレゼン・レポート |
よくある間違い・ひっかけポイント
❌ 「ダッシュボードに配置できるのはワークシートのみ」
✅ テキスト・画像・Webページ・ブランク(スペーサー)も配置できる
❌ 「フィルターアクションは自動でグローバルに適用される」
✅ ターゲットシートを明示的に設定する必要がある
❌ 「ストーリーはワークシートだけで構成される」
✅ ストーリーにはワークシートもダッシュボードも使える
❌ 「デバイスレイアウトはすべてのデバイスで自動適用される」
✅ デバイスレイアウトを個別に設定しないと、デフォルトレイアウトが使われる
試験対策ポイント
- ダッシュボードアクション6種類を覚える(フィルター・ハイライト・URL・移動・パラメーター・セット)
- フィルターの「ワークシートに適用」= 複数シートへの適用
- デバイスレイアウト = 電話・タブレット・デスクトップの3種類
- ストーリーポイント = 各スライド
- Viz in Tooltip = 「ツールヒント」→「シートの挿入」
確認問題
Q1. ダッシュボードアクションで「クリックすると外部Webサイトが開く」を実現するアクションはどれですか?
- A. フィルターアクション
- B. ハイライトアクション
- C. URLアクション
- D. パラメーターアクション
正解:C
Q2. ストーリーの各スライドを何と呼びますか?
- A. ストーリーフレーム
- B. ストーリーポイント
- C. ストーリーシート
- D. ストーリービュー
正解:B
Q3. デバイスレイアウトで設定できるデバイスタイプとして正しい組み合わせはどれですか?
- A. PC・スマートフォン・タブレット
- B. デスクトップ・タブレット・電話
- C. ラップトップ・タブレット・スマートフォン
- D. 大画面・中画面・小画面
正解:B Tableauのデバイスレイアウトは「デスクトップ」「タブレット」「電話」の3種類。
Q4. フィルターアクションで「選択解除時にすべての値を表示」を選んだ場合、どうなりますか?
- A. フィルターが維持される
- B. フィルターが除去されてすべてのデータが表示される
- C. エラーが発生する
- D. ビューが空になる
正解:B
- 1. 📊Tableau Desktop Specialist 学習ロードマップ
- 2. 🔌Tableau|ライブ接続と抽出(.hyper/.TDS)
- 3. 🔗Tableau|データモデル(リレーションシップ・JOIN・UNION)
- 4. 🏷️Tableau|データプロパティの管理(別名・地理的役割・データ型)
- 5. 📈Tableau|基本チャートの作成(棒・折れ線・散布図・地図・二重軸など)
- 6. 🗂️Tableau|データ整理とフィルター(グループ・セット・階層・日付フィルター)
- 7. 🧮Tableau|分析機能(参照線・表計算・ビン・計算フィールド・パラメーター)
- 8. 🎨Tableau|書式設定(色・形状・サイズ・フォント・アニメーション・凡例)
- 9. 🖥️Tableau|ダッシュボードとストーリー(アクション・デバイスレイアウト・Viz in Tooltip)
- 10. 📤Tableau|共有とエクスポート(.twbx・PDF・PowerPoint・Tableau Server)
- 11. 📐Tableau|ディメンションとメジャーの違い
- 12. 🔵Tableau|連続(緑)と離散(青)の違い
- 13. 🔢Tableau|集計の仕組み(SUM・AVG・COUNTD・粒度)
- 14. ➕Tableau|補足:ページシェルフ・追加チャート・トレンドライン・製品ラインナップ
- 15. ✅Tableau|確認問題:領域1 データ接続とデータ準備(20問)
- 16. ✅Tableau|確認問題:領域2 データの探索と分析(30問)
- 17. ✅Tableau|確認問題:領域3 インサイトの共有(25問)
- 18. ✅Tableau|確認問題:領域4 Tableauの概念の理解(15問)