UI ビルダーでのテクニカルダッシュボードの作成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:3分
  • テクニカルエディターのオプションに従って、 UI ビルダー を使用してダッシュボードを作成します。UI ビルダーでは、スクリプティングやデータバインディングなど、インラインエディターよりも幅広い機能を使用できます。

    始める前に

    開発者には、UI ビルダーでのダッシュボードの作成をお勧めします。詳細については、「UI Builder」を参照してください。

    テクニカルエディターでダッシュボードを作成する場合、 アナリティクス概要 でダッシュボードの詳細を編集することはできません。ただし、 アナリティクス概要からテクニカルダッシュボードを共有することはできます。
    注:
    テーブルデータに基づくデータの可視化は、ダッシュボードを共有しているユーザーと自動的に共有されます。

    必要なロール:ui_builder_admin

    このタスクについて

    テクニカルエディターを使用すると、 UI ビルダー コンポーネントをダッシュボードに追加できます。データリソース、クライアントスクリプト、構成プロパティのデータバインディングなど、他のすべての UI ビルダー 機能を使用することもできます。テクニカルエディターは、 UI ビルダーの [自分のエクスペリエンス] の下にある [詳細ダッシュボード] という名前の特別なワークスペースにダッシュボードを作成します。

    手順

    1. 移動先 すべて > プラットフォームアナリティクス > ライブラリー > ダッシュボード.
    2. [Create new dashboard (新規ダッシュボードを作成)] を選択します。
    3. [ テクニカルエディター] を選択します。
      新しいテクニカルダッシュボードモーダルを作成
      警告:
      UI ビルダー の [詳細ダッシュボード] エクスペリエンスでダッシュボードを直接作成しないでください。常にプラットフォームアナリティクスライブラリからランタイムに開始します。ライブラリでテクニカルダッシュボードを開始すると、par_dashboardsテーブルに自動的に接続され、[ダッシュボードの概要] コンポーネントに一覧表示されます。
    4. 作成するダッシュボードの名前と説明を入力し、[ 新しいダッシュボードを作成] を選択します。
      テクニカルエディターオプションを選択すると、空のダッシュボードが開きます。
    5. UI ビルダーで [編集] を選択します。
    6. コンテンツツリービューで、レイアウトまたはコンテナコンポーネントを追加します。
      コンテナには、データの可視化、静的テキストボックス、画像などのダッシュボードコンポーネントが保持されます。タブ付きダッシュボードを作成する場合は、各タブを親タブコンポーネントの下にコンテナとして作成できます。詳細については、開発者サイトタブコンポーネントリファレンスを参照してください。
    7. UI ビルダーの右側にある [スタイル] タブでレイアウトを選択します。

      レイアウトは、コンテナのコンテンツをパターンで整理します。

      • [ グリッド ] を選択して、選択したコンテナの行数と列数を指定します。詳細については、「Using CSS Grid layouts to build a page」を参照してください。
      • コンテナ間のレイアウトの柔軟性を高めるには、 Flexbox を選択します。詳細については、「Using Flexbox layouts in UI Builder」を参照してください。
    8. コンポーネントをコンテナに追加します。
      左側の 「コンポーネント」 メニューから選択するか、ステージング領域の「コンテンツを追加」(+)アイコンをクリックします。

      右側の [構成 ] パネルでは、選択したコンポーネントを構成できます。

      UI ビルダーのコンポーネントメニュー。
    9. オプション: コンテナ、コンポーネント、および構成をさらに追加します。
    10. データビジュアル化コンポーネントを追加し、ビューアーがそのコンポーネントからより詳細なデータビューにドリルダウンできるようにする場合は、「 テクニカルダッシュボードのデータ可視化へのドリルダウンイベントの追加」の手順に従います。
    11. [ 保存] をクリックして、ダッシュボードに加えた変更をいつでも保存できます。