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

導入

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

くわしく知ろう

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

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

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

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

具体例

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

まとめ・試験ポイント

• デバイス別レイアウト＝デスクトップ・タブレット・スマートフォンごとに配置を設定
• 設定場所＝ダッシュボードペイン →「デバイスのプレビュー」
• 各デバイスレイアウトは既定レイアウトをベースにカスタマイズする
• 専用レイアウトがない場合は既定レイアウトが表示される
• スマートフォン向けのポイント＝シートを絞る・フォントサイズを大きくする
• 試験では設定場所と各デバイスで独立してカスタマイズできる点が問われやすい