インサイトの共有

デバイス別レイアウト — モバイルと画面サイズへの対応

導入

スマートフォンでダッシュボードを開いたら、グラフが小さすぎて読めなかった——という経験はないでしょうか。Tableauには画面サイズごとに異なるレイアウトを設定する機能が用意されています。

デバイス別レイアウトはTableau Desktop Specialist試験で出題される共有・配信関連の重要トピックで、設定場所・既定レイアウトの役割・各デバイスでの独立カスタマイズが問われます。DA試験の「モバイルダッシュボード」と重なる、Tableau Cloud普及時代に必須の知識です。

実務でもタブレット・スマートフォン経由でのダッシュボード閲覧は当たり前になっており、PC用レイアウトがそのまま送られる状態では「せっかく作ったダッシュボードが現場で使われない」という事態になります。デバイスごとに表示するシートの選択・サイズの調整ができるかで、ユーザー体験が段階的に変わります。

この単元でデバイスプレビュー・既定レイアウトの役割・スマートフォン向け最適化を押さえておくと、現代的なダッシュボード配信に対応できます。

デバイス別レイアウトとは、デスクトップ・タブレット・スマートフォンの各デバイスに対して、ダッシュボードのシート配置やサイズを個別に設定できる機能を指します。設定は画面右側のダッシュボードペインにある「デバイスのプレビュー」から行います。

各デバイスのレイアウトは既定レイアウトをベースとして作成され、そこから表示するシートの選択や配置・サイズを自由にカスタマイズできます。たとえばスマートフォン向けには表示するシートを厳選して縦一列に並べ、デスクトップ向けには複数シートを横並びにする、といった調整が可能です。

各デバイス専用レイアウトを設定すると、Tableau ServerやTableau Publicでダッシュボードを閲覧する際に、アクセス端末のサイズに応じたレイアウトが自動的に選ばれます。デバイスレイアウトを設定していない場合は既定レイアウトがそのまま表示されます。

レスポンシブ対応のベストプラクティスとして、スマートフォン向けではフォントサイズを大きめに設定し、操作しやすいよう要素を絞り込むことが推奨されています。

たとえば経営会議用のダッシュボードでは、デスクトップでは売上・費用・利益の3グラフを横並びに表示し、スマートフォンでは最重要の売上グラフのみを縦に並べるといったレイアウトの使い分けができます。

【パターン1：設定場所を問う問題】

「デバイス別レイアウトを設定する場所はどこか」という形式で、「ダッシュボードペインの『デバイスのプレビュー』」を選ばせる問題が頻出します。「ワークシートメニュー」「ファイルメニュー」「データペイン」といった誤った操作場所と混同しないことが重要です。

【パターン2：専用レイアウト未設定時の動作を問う問題】

「スマートフォン用レイアウトを設定しなかった場合の動作はどれか」という問いで、「既定レイアウトがそのまま表示される」を選ばせる問題が出題されます。「エラーになる」「タブレット用が適用」「自動生成」といった誤答に注意が必要です。

【パターン3：スマートフォン向けのベストプラクティス】

シートを絞り込む・フォントサイズを大きくするといった最適化の考え方も応用出題で問われます。

【設定場所を誤解】

×「デバイス別レイアウトはファイルメニューから設定」→○「ダッシュボードペイン（画面右側）の『デバイスのプレビュー』から設定」。メニューではなく右側ペインにある点が重要です。

【既定レイアウトのフォールバックを知らない】

×「スマートフォン用レイアウトを設定しないとエラーになる」→○「専用レイアウトがなければ既定レイアウトが表示される」。フォールバックとして既定レイアウトが機能する仕組みを押さえておきましょう。

【レイアウトの独立性を知らない】

×「デバイス別レイアウトは共通設定で管理され、一部を変えると全体に影響する」→○「各デバイスは独立してカスタマイズ可能、デスクトップを変えてもスマートフォンには影響しない」。デバイスごとに最適化できる柔軟性がこの機能の強みです。

学習した内容を模擬試験で確認しよう。Tableau Desktop基礎（旧Specialist）模擬試験で実力を測ろう。

実技で試したい方は、Tableau実践演習初段にも挑戦してみよう。