でのワークスペースホームページのカスタマイズ ワークスペースビルダー

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:8分
  • ワークスペースビルダー でワークスペースのホームページを編集します。ワークスペース (ダッシュボード) に初めてアクセスしたときに表示される内容を調整します。

    このビデオでは、次の手順を実行する方法を紹介します。

    始める前に

    必要なロール:
    • admin または ServiceNow スタジオ 用のガイド付きアプリケーションクリエーター。
    • AES の場合は sn_app_eng_studio.user または delegated_developer。詳細については、「AES を使用する開発者の委任」を参照してください。

    このタスクについて

    Tokyo 以降に作成されたワークスペースに対してのみ、ワークスペースビルダー でワークスペースのホームページを編集できます。UI ビルダー で古いワークスペースを編集できます。
    注:
    ホームページはワークスペースの重要な部分であるため、非表示にしたり削除したりすることはできません。

    手順

    1. ワークスペースビルダー に移動します。
      ServiceNow スタジオまたはAESワークスペースビルダーを開く方法の詳細については、「ワークスペースビルダーへのアクセス」を参照してください。
    2. ページに要素を追加します。
      [ ナビゲーション構成 ] タブにいる必要があります。既に [ナビゲーション構成] タブが表示されている場合は選択できません。
      1. ナビゲーションパネルで、[ホーム] を選択します。

        ワークスペースビルダー ホームページ

      2. ホームページのキャンバスで、[新しい要素を追加] を選択します。
      3. リストから、追加する要素またはコンポーネントを選択します。

        たとえば、指定したテーブルからデータのグラフィックを追加するには、[データの可視化] を選択し、[新規データの可視化] または [保存済みデータの可視化] を選択します。

        ワークスペースビルダー のホームページに次の要素を追加できます。

        表 : 1. ホームページ要素
        要素 説明 詳細情報
        データの表示方法 現在のインスタンスデータのグラフィカルでビジュアルな表現。 [ライブラリから可視化を選択] モーダルで選択し、[ダッシュボードに追加] を選択することで、新しいデータの可視化を作成したり、既存のデータ可視化を再利用したりすることができます。

        データのビジュアル化に加えて、ライブラリ要素を選択して、既に保存されているデータのビジュアル化をホームページに追加できます。

        フィルター 指定された基準に基づいてダッシュボードのビジュアル化を洗練します。フィルターは、テーブルとインジケーターの両方に適用できます。
        見出し ホームページまたはセクションの上部のタイトルまたはテキスト。 開発者サイトの見出しコンポーネントのリスト
        画像 ワークスペースの静的な画像やアニメーションの画像、または写真。 開発者サイトの画像コンポーネントのリスト
        リスト:簡易 ダッシュボードの対象者用にカスタマイズできるテーブルデータ。
        ホームページの ワークスペースビルダー コンポーネント にはホームページ要素の詳細が含まれています。詳細については、「Exploring Platform Analytics dashboards」を参照してください。

        [新しい要素を追加] メニューで利用できない追加の要素を含める場合は、UI ビルダー のワークスペースを編集する必要があります。UI ビルダーに追加できる要素の完全なリストについては、コンポーネントのドキュメントを参照してください ServiceNow.

        要素がダッシュボードに表示され、そこで編集を行うことができます。
      4. 要素をドラッグして、移動またはサイズ変更します。
      5. キャンバスヘッダーで、[保存] を選択します。
    3. オプション: 必要に応じて、要素の追加の変更を行います。
      オプション説明
      要素を編集する
      1. データのビジュアル化など、編集する要素を選択します。

        要素タイプの名前とともにヘッダーが表示されます。

        編集するデータビジュアル化要素

      2. 要素ヘッダーで設定アイコン (ワークスペース要素の設定アイコン) を選択して、キャンバス内の構成パネルを開きます。
        注:
        コンテキストメニューアイコン (オプションを表示するコンテキストメニューアイコン) を選択し、[構成] を選択して要素を編集することもできます。
      3. 必要に応じて、構成パネルで要素の構成を編集します。

        たとえば、データビジュアル化を編集する場合は、ソーステーブルを指定する必要があります。コンポーネントの編集の詳細については、「コンポーネントの追加と構成」を参照してください。

      4. キャンバスヘッダーで、[保存] を選択します。
      ホームページで再利用する要素をコピーする コンテキストメニューアイコン (オプションを表示するコンテキストメニューアイコン) を選択し、[複製] を選択して要素をコピーします。その後、コピーした要素に追加の変更を加えることができます。
      再利用のためにライブラリに要素を追加する コンテキストメニューアイコン (オプションを表示するコンテキストメニューアイコン) を選択し、[ライブラリに追加] を選択して、ライブラリに要素を追加して他のダッシュボードで再利用します。
      ワークスペースのダッシュボードから要素を削除する
      1. 削除する要素を選択します。

        要素タイプの名前とともにヘッダーが表示されます。

      2. ヘッダーで、コンテキストメニューアイコン (オプションを表示するコンテキストメニューアイコン) を選択し、[削除] を選択します。

        ワークスペースの要素の削除

        注:
        確認メッセージはありません。要素がダッシュボードに表示されなくなります。
    4. オプション: 必要に応じて、ダッシュボードの追加の構成変更を行います。
      オプション説明
      ダッシュボードのレイアウトを設定する 要素全体を選択してドラッグし、ダッシュボードレイアウト内で動かします。

      要素のサイズを変更するには、要素の下隅にあるハンドルバー (ドラッグしてサイズを変更する要素ハンドルバー) を選択してドラッグします。

      ダッシュボードを複製 ダッシュボードのコピーを作成するには、次の手順を実行します。
      • ダッシュボードの [その他のオプション] アイコン ([その他のオプション] アイコン) を選択します。
      • [複製] を選択します。
      • コピーしたダッシュボードの新しい名前説明をモーダルに入力します。
      • [複製] を選択します。
      編集モードを終了し、ダッシュボード名のドロップダウンメニューから新しいダッシュボードを選択して、複製されたダッシュボードにアクセスします。

      複製されたダッシュボードの選択

      ワークスペースにタブを追加し、必要に応じて編集する
      1. [タブを追加] を選択して、ホームページにタブを追加します。

        最初のタブをホームページのダッシュボードに追加すると、レイアウトの新しい部分がタイトルの下に表示されます。タブに追加した要素は、ユーザーがどのタブにいるかに関係なく表示されます。

        [無題] というラベルの付いたタブが既存のタブの横に追加されます。

      2. タブ名を選択し、編集アイコン (ワークスペースのタブ名を編集するためのアイコン) を選択し、新しい名前を入力して Enter キーを押して、タブの名前を変更します。
      3. タブを選択し、新しい位置にドラッグして、タブを並べ替えます。
      4. タブの削除アイコン (ワークスペースのタブを削除するためのアイコン) を選択し、[削除] を選択して、タブを削除します。
        注:
        確認メッセージは表示されません。タブがダッシュボードに表示されなくなります。
      ワークスペースのプレビューとインライン編集 インラインエディターを使用してワークスペースをプレビューするときに、基本的な編集を行います。
      1. ワークスペースビルダー のヘッダーで、[プレビュー] を選択します。
      2. 新しいブラウザータブに表示されるプレビューで、[編集] を選択します。
      3. サイズ変更、再編成、または再構成して、ホームページの要素とウィジェットを調整します。

        詳細については、「Edit Platform Analytics dashboards」を参照してください。

      4. [新しい要素を追加] を選択して、ワークスペースのホームページにアイテムを追加します。
      5. [編集モードを終了] を選択して、インラインエディターでの編集を停止します。
      ダッシュボードの印刷対応バージョンを開く ダッシュボードの [その他のオプション] アイコン ([その他のオプション] アイコン) を選択し、[印刷対応] を選択して、印刷に適した形式でワークスペースのホームページを表示します。
      アナリティクスセンター へのブックマークの追加 ダッシュボードの [その他のオプション] アイコン ([その他のオプション] アイコン) を選択し、[ブックマークに追加] を選択して、アナリティクスセンター ブックマークセクションにワークスペースのブックマークを含めます。
      ホームページの追加構成または詳細構成 構成パネルで、[UI ビルダーで開く] を選択します。
      ダッシュボードの削除 ダッシュボードの [その他のオプション] アイコン ([その他のオプション] アイコン) を選択し、[削除] を選択します。確認するには、[削除] を再度選択する必要があります。
      注:
      ワークスペースには、少なくとも 1 つのダッシュボードホームページが必要です。
    5. ダッシュボードを共有します。
      1. ダッシュボードの [その他のオプション] アイコン ([その他のオプション] アイコン) を選択し、[共有] を選択します。
      2. モーダルのフィールドに入力します。
        表 : 2. ダッシュボード共有のオプション
        オプション 説明
        アクセス権を付与 ダッシュボードにアクセスできるユーザーとグループ。
        受信者がこのダッシュボードに関連付けられた共有権限を追加、編集、削除できるようにします ダッシュボードを共有しているユーザーとグループが、任意のユーザー、グループ、またはロールの共有権限を追加、編集、および削除できるようにするオプション。
        閲覧者として追加/エディターとして追加 ダッシュボードの読み取り専用アクセスまたは書き込みアクセスを指定するオプション。
        アクセスを管理 ダッシュボードにアクセスできるロール。検索ボックスでロールを検索して選択します。アクセス権を持つロールごとに、アクセスレベルを選択します。
        • 編集可能
        • 表示可能
        • 共有可能
        フィルターを含むリンクをコピー 現在適用されているフィルターを使用して、指定されたユーザーとロールのダッシュボード URL をコピーするボタン。
        リンクをコピー フィルターを使用せずに、指定されたユーザーとロールのダッシュボード URL をコピーするボタン。
      3. [確認] を選択します。
    6. ワークスペースビルダー ヘッダーで、[保存] を選択します。