---
sourceDocument: オーストラリア 従業員サービス管理 (ESM)
sourceDocumentLink: https://www.servicenow.com/docs/r/ja-JP/employee-service-management

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリア 従業員サービス管理 (ESM)

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# ランディングページ構成の例

# ランディングページ構成の例 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

構成プロセスの例を使用して、ランディングページを構成する方法について説明します。

## 始める前に

ランディングページのバリアントを作成します。詳細については、「[ランディングページのバリアントを作成する](https://www.servicenow.com/docs/u8NpXJMK6VIuE~Vy73sELw "ランディングページのバリアントを作成して、ユーザー向けのカスタムポータルエクスペリエンスをビルドします。")」を参照してください。

必要なロール：sn_hr_agent_ws.admin および sn_hr_core.basic

## このタスクについて

構成例は、ランディングページ上の \[過去 6 か月間にクローズされたケース (HR cases closed in the last week)\] レポートの横にある、\[先週にクローズされた HR ケース (HR Cases closed in the last week)\] レポートの構成方法を示しています。

## 手順

1. 移動先 すべてHR ケース管理HR ケース管理のエージェントワークスペースの UI ビルダー.
2. バリアントを選択します。
3. \[エディター\] タブを選択します (まだ選択されていない場合)。
4. \[ページコンテンツ\] パネルで、\[コンテナ 7\] を選択します。
5. \[構成\] パネルで、\[列\] フィールドに「<kbd class="ph userinput">3</kbd>」と入力して 3 つの列を作成します。
6. 列 2 の横にある \[その他\] アイコン (![\[その他\] アイコン]())。
7. \[後に追加\] を選択します。
8. \[コンポーネント\] タブを選択してから、\[コンテナ\] を選択します。  
   コンテナは、情報、画像、または機能 (コンポーネント) を追加するページの領域です。ページに複数のコンテナを配置し、コンテナ内にコンテナを入れ子にし、コンテナ内に複数のコンポーネントを含めることができます。
9. コンテナの下で \[+ コンポーネントを追加\] を選択して、コンポーネントを追加します。  
   この例では、コンテナ 23 を使用します。
10. \[データ可視化\] コンポーネントを選択します。
11. データソースを追加します。
    1. \[構成\] パネルで、\[データソースを追加\] を選択します。
    2. \[ソースを選択\] フィールドに、「<kbd class="ph userinput">HR ケース</kbd>」と入力します。
    3. sn_hr_core_case テーブルを選択します。
    4. \[カスタム条件を追加 (+Add custom conditions)\] を選択します。
    5. 次の値を持つ条件を追加します。  
       * フィールドを選択：<kbd class="ph userinput">アサイン先グループ</kbd>
       * 演算子を選択：<kbd class="ph userinput">次の条件に一致</kbd>
       * 値を入力：<kbd class="ph userinput">自分のグループの 1 つ</kbd>
       {#landing-page-example__ul_br1_bfz_qzb}
    6. \[AND\] を選択して条件を絞り込みます。  
       \[AND\] または \[OR\] を選択して、依存条件を作成します。
    7. 次の値を持つ条件を追加します。  
       * フィールドを選択：<kbd class="ph userinput">クローズ済み</kbd>
       * 演算子を選択：<kbd class="ph userinput">次の値以後</kbd>
       * 値を入力：<kbd class="ph userinput">先週</kbd>
       {#landing-page-example__ul_ow1_vfz_qzb}
    8. \[このソースを追加\] を選択します。
12. \[構成\] パネルで、\[追加の設定\] を展開します。
13. \[メトリクスラベルを表示 (Show metric label)\] と \[スコア更新時間を表示 (Show score update time)\] を有効にして、表示するデータを追加します。
14. \[保存\] を選択します。
15. 元のランディングページの順序を変更して、バリアントをデフォルトのランディングページにします。
    1. ドロップダウンリストから \[ランディングページのデフォルト\] を選択します。
    2. \[設定\] タブを選択します。
    3. \[順序\] フィールドに 0 より大きい数値を入力します。
    4. \[保存\] を選択します。
    {#landing-page-example__substeps_whs_dqz_qzb}