Workspace Fundamentals:Next Experience ワークスペースレコード (フォーム) ページの UI アクションと宣言アクションについてSummary<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } この記事の目的は、Next Experience のワークスペース内のフォームアクションの基本的な理解を確立することです。クラシック/コア UI で知られている「フォーム」という用語は、Next Experience および UI Builder の用語で標準の「レコード」ページ/バリアントと呼ばれるものとほぼ同じです。 *理解のためにこの実装に焦点を当てますが、UIBのより詳細な「Form」コンポーネント自体によって同様のサポートが可能であることに注釈を付ける価値があります。 新しいバリアントであろうとネクストエクスペリエンス用にすぐに利用可能なバリアントであろうと、標準レコードページから直接作業していることを前提に、以下の詳細を見てみましょう。 スクリーン Facts<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } UI16 と同様に、レコードのフォーム上部に多数のアクションが表示されます。UI アクションや宣言アクションなどに関連するサポートメカニズムは何ですか?レコードページに想定されていた UI アクションまたは宣言アクションがフォームに表示されていません。何が確認できますか? Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } Washington DC Xanadu Instructions<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } はじめに Washington ファミリーリリースで、ServiceNow は、プロセスを簡素化するネクストエクスペリエンス/ワークスペースのアクションに関して、宣言アクション構成のいくつかの改善をリリースしました。多くの以前の要件と紛らわしい要素が対処されています。 この改善に関するドキュメントでは これから説明するいくつかの項目に触れており、次のように記述されています。 「UXF フォームアクションレコードと UX フォームアクションレイアウトアイテムレコードの自動作成など、宣言アクションの構成エクスペリエンスに対処するための改善のコレクション。宣言アクションの設定に必要な手動の異なるステップの数を削減し、宣言アクションへのナビゲーションアクセスの更新、アイコンやその他のボタンの色のサポート。」 これらの改善に加えて、現在の構成オプションとプロセスを反映していない古いコミュニティの回答や、場合によってはいくつかのドキュメントに遭遇する可能性があります。引き続き、正確な詳細とリンクを提供できるよう努めます。 UI アクションと宣言アクション 構成可能なワークスペースでは、ユーザーはレコードページのアクションバーコンポーネントに UI アクション [sys_ui_action] または宣言アクション [sys_declarative_action_assignment] を追加することを選択できます。2つのベーステーブルがあります。 UI アクション [sys_ui_action]宣言アクション [sys_declarative_action_assignment] アクションバーコンポーネントとはこれは Now Experience UI ビルダーコンポーネントです。UI ビルダー内のレコードページコンポーネント階層 (スクリーンショットを参照) にあり、これらのアクションの表示と使用をサポートする主要なメカニズムです。Next Experience コンポーネントの性質上、興味深い検討のためのアクションバーコンポーネント自体のテーブルは存在しないことを受け入れる必要があります。 2 つの基本タイプのアクションを同じように扱うために、ServiceNow は内部で UX フォームアクション [sys_ux_form_action] テーブルを導入しました。アクションバーコンポーネントは、ベースアクションテーブルを直接操作するのではなく、このテーブルを使用します。これは、ユーザーにとってよく混乱するポイントです。以前のバージョン（Washington より前）では、構成可能なワークスペースでフォームアクションを設定する手動のプロセスがありました。これには、新しい UX フォームアクションを作成し、それを UI アクションと「結び付ける」ことが含まれていました。ただし、現在のプラットフォームファミリーリリース (Washington+) では、ワークスペース用に構成された宣言アクションまたは UI アクションが作成されると、それぞれのアクションのビジネスルールによって UX フォームアクション [sys_ux_form_action] が 自動的に生成 されます。 ServiceNow は、ユーザーが [sys_ux_form_action] レコードに直接アクセスしたり変更したりする必要はないと想定しています。これは、これまでの必要な手順から大幅にジャンプしたものです。 さらに、アクションバーコンポーネントは、[sys_ux_form_action] レコードの整理と表示に役立ついくつかの追加のテーブルを使用します。主に: フォームアクションレイアウト [sys_ux_form_action_layout]フォームアクションレイアウトアイテム [sys_ux_form_action_layout_item] 幸いなことに、ここでの名称がその役割を端的に示しています。フォームアクションレイアウトは基本的にコンテナであり、フォームアクションレイアウトアイテムの後続の関連リストを持つコンテナです。これは、基本事項を説明する上での簡略化です。[sys_ux_form_action_layout] テーブルは非常に重要であり、どのテーブルにどのアクションレイアウトがあるかを指定できます。[sys_ux_form_action_layout_item] レコードでは、主にアクションバーコンポーネントによって処理される外観 (順序、ラベル、グループ、オーバーフローなど) を制御します。これらのテーブルは両方とも、フィルターナビゲーターの Now Experience フレームワーク>宣言アクション>フォームアクションレイアウト、またはフォームアクションレイアウトアイテムからさらに詳しく調ることができます。 ここで、レコードページがアクションバーコンポーネントを利用して、すべての UX フォームアクション、アクションレイアウト、およびアクションレイアウトアイテムをジャグリングすることで UI アクションと宣言アクションを処理していることが理解できれば、各「ベース」アクションタイプをその時点まで理解する方法と、どのような違いに気付くかに焦点を当てることができます。 構成可能なワークスペースの UI アクション UI アクションを作成または編集します - 以前に作成した UI アクションと同じです。[ワークスペースフォームボタン] をオンにすると ([構成可能なワークスペースの形式] も自動的にチェックされます)、UX フォームアクションとフォームアクションレイアウトアイテムを作成するプロセスが自動化されます。特定のテーブルと条件が満たされている限り、この UI アクションはワークスペースエクスペリエンス全体のアクションバーコンポーネントに表示されます。これは、コア UI の UI アクションで確立された動作と一致しています。ステップの例: [システム UI > UI アクション] に移動[新規] を選択名前、テーブルなどのデータを入力します...[ワークスペースフォーム] セクションで、[ワークスペースフォームボタン] ボックスと [構成可能ワークスペースの形式] ボックスがオンになっていることを確認します。送信します。ワークスペース (例:SOW) を開いて、指定したテーブルのレコードを表示すると、UI アクションがアクションバーに表示されます。 構成可能なワークスペースの宣言アクション 宣言アクションを使用したワークスペースのカスタマイズ :宣言アクションが作成されると、UX フォームアクションとフォームアクションレイアウトアイテムを作成するプロセスが自動化される点で UI アクションと同様です。ただし、UI アクションと比較して、アクションバーコンポーネントが宣言アクションを処理する方法には重要な違いがあります。そして、それは次の要因に依存します。 [sys_declarative_action_assignment] フォームの「すべての設定可能なエクスペリエンスで有効にする」チェックボックス同じターゲットテーブルの既存のフォームアクションレイアウト [sys_ux_form_action_layout] フォーム宣言アクションを作成する手順の例は次のとおりです。 [Now Experience Framework] > [Declarative Actions] > [新しいアクションの作成] に移動します。タイプ:フォームアクションラベル、アクション名、テーブルなどのデータを入力します。保存してこの [sys_declarative_action_assignment] フォームに留まる[すべての構成可能エクスペリエンスに対して有効にする (オンまたはオフ?)] の通知チェックボックス関連リスト [レイアウトアイテム] に、この宣言アクションの [sys_ux_form_action_layout_item] レコードが含まれていることを確認します。 [sys_declarative_action_assignment] [すべての構成可能ワークスペースに対して有効にする] がオンになっている場合、ワークスペース (例:SOW) を開いてそのテーブルのレコードを表示すると、宣言アクションが表示されます。ただし、そうでない場合は、最初に次のことを確認する必要があります。 Now Experience フレームワークに移動 >宣言アクション>フォームアクションレイアウトテーブル = 前のステップの宣言アクション [sys_declarative_action_assignment] レコードのテーブルであるリストをフィルタリングします。ほとんどの場合、影響を受けるテーブルやエクスペリエンスの既存の [sys_ux_form_action_layout] が見つかります ([アプリケーション]、[アクション構成] 列が診断に役立つ場合があります)。この場合、既存の [sys_ux_form_action_layout] フォームを開き、アクションレイアウトアイテムの関連リストを使用して、[編集] ボタンを使用して宣言アクションの [sys_ux_form_action_layout_item] を追加します。 宣言アクションがアクションレイアウトアイテムによってアクションレイアウトに確実に追加されると、アクションバーにそれが表示されます。 要約と最後の言葉 この提供された分析から、特定のワークスペースフォームに表示されるアクションは、UI アクション、宣言アクション、またはその両方の組み合わせがアクションバーコンポーネントによって同時に整理および処理される可能性があることがわかります。手元のトピックでさらにいくつかのニュアンスをカバーするために、UI ビルダー内のコンポーネントには、この記事で説明した基本に基づいて、ページ/バリアントに表示されると予想されるフォームアクションを変更または影響を与える可能性のあるいくつかの構成プロパティがあります。最後に、Declarative Actions の下にあるすべてのモジュールを調べて、フォーム上のDeclarative Actionsだけでなく、リストアクションや関連リストアクションとしてどのように活用できるかについて、より深い理解を得ることをお勧めします。これらの実装については、この記事では取り上げていません。 Related Links<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } アクションバーコンポーネント参照