Next Experience コンポーネント リリースノート
はServiceNow® Next Experience コンポーネント、カスタムユーザーインターフェイスを構築するために使用されるコンポーネントです。 は、このリリースでWashington DC拡張および更新されました。 Next Experience コンポーネント
Washington DC リリースでの Next Experience コンポーネント の特長
- 構築済みのシステムまたはカスタムコンポーネントを使用してリッチな UI エクスペリエンスを構築します。API リファレンス、使用ガイダンス、ServiceNow® UI ビルダーセットアップに関するドキュメントを表示するにはNext Experience コンポーネント、開発者サイトの Next Experience コンポーネントに関するドキュメントを参照してください。
- JavaScript フレームワーク、不変データ、シンプルなアクションハンドラーなどの一般的な Web コンポーネントのパターンと原則を使用します。
- 複数のユーザーインターフェイスでコンポーネントを再利用して、エンドユーザーに統一感のあるエクスペリエンスを作成します。
- 事前設定されたプロパティ値を使用して、コンポーネントのプロパティとイベントハンドラーを自動的に設定すると、コンポーネントをページに追加したときに機能できるようになります。 プリセットは、コンポーネントのデータリソースとして機能するコントローラーに接続できます。詳細については、「Automatically configure components using presets」と「Bind data to UI Builder pages using controllers (advanced feature)」を参照。
- アクセシビリティのためのアップグレードされたコンポーネント。詳細については、これらのリリースノートの「アクセシビリティ情報」セクションを参照してください。
Washington DC リリースの新機能
| コンポーネント | 説明 |
|---|---|
| カラーセレクター | 色の検索、選択、保存に使用できるカラーライブラリ。16 進数コード、RGB、および HSL 値が使用でき、カスタム色を使用できます。 |
| 関連アイテム | サイドパネルにカードとともに表示され、展開可能なアコーディオンに分類されたケースレコードに関連する情報。必要に応じて、ユーザーは、並べ替えおよびフィルター処理機能を備えた完全な機能のリストとしてデータを表示できます。 |
| 相対日時ピッカー | ユーザーが日付と時刻の範囲を選択できるようにするフォームコントロール。カレンダーに表示される日付範囲をカスタマイズするセクションが含まれています。 |
| テンプレート | 説明 |
|---|---|
| 公開モーダルの確認 | ユーザーが記事を公開ナレッジベースできるようにするナレッジ管理ページテンプレートとして使用されるモーダル。 |
| レコードページ(垂直) | グループ内のレコードページの関連リストと UI ページを管理するために使用されるページテンプレート。このページテンプレートには、複雑な構成を必要とせずにページを機能させるためのプリセット値が含まれています。 |
| 確認の廃止モーダル | ユーザーがナレッジベースから使用停止した記事を廃止し、代替記事を選択できるようにする ナレッジ管理 ページテンプレートとして使用されるモーダル。 |
| 標準リスト | レコードリストバンドルとサイズ変更可能なペインコンポーネントに含まれるリストメニューで構築されたページテンプレート。すべてに事前設定された構成値があります。ユーザーは、さまざまな形式でレコードをエクスポートし、カスタムリストを他のユーザーと共有できます。このページテンプレートで使用されるリストコントローラーには、構成可能なプロパティが含まれています。 |
| バンドル | 説明 |
|---|---|
| レコードリスト | レコードリストバンドルは、リストヘッダー、リスト本文、およびページネーションコンポーネントを含むコンポーネントの組み合わせです。リストコンポーネントのこの新しいイテレーションには、事前設定された構成値とリストコントローラーが含まれています。 |
このリリースでの変更
| コンポーネント | 拡張 |
|---|---|
| アクティビティストリーム |
|
| 添付ファイル | 添付ファイルの最大許容サイズを定義するための新しいプロパティ。 |
| 日付 - 時刻 | コンポーネントのデフォルトの開始時刻を設定するデフォルトの時刻 [initialTime] プロパティ。設定しない場合、時刻はデフォルトで午前 0 時に設定されます。 |
| メールコンポーザー |
|
| メールコンポーザー (ミニ) |
|
| 見出し |
|
| アイコン | 標準の画像形式のカスタムアイコンを使用します。カスタムアイコンはインスタンスのライブラリーに追加されず、キャッシュされません。 |
| イメージ | 任意の標準イメージ形式のカスタム イメージを使用します。カスタムアイコンはインスタンスのライブラリーに追加されず、キャッシュされません。 |
| 入力 | AI インジケーターは、フォームフィールドで AI の推奨事項が使用され、AI 機能に関する詳細情報を提供するときにユーザーに通知します。 |
| カンバンボード |
|
| リストセレクター |
|
| モードレスダイアログ |
|
| 推奨アクション |
|
| サイズ変更可能なペイン | レイアウトを左ペインのみ、両方のペイン、および右ペインのみに変更するためのキーボードキーの組み合わせ。 |
| 選択 | フォームフィールドで AI の推奨事項が使用され、AI 機能に関する詳細情報を提供するときにユーザーにシグナルを送信する AI インジケーター。 |
| TextArea | フォームフィールドで AI の推奨事項が使用されるときにユーザーに通知し、AI 機能に関する詳細情報を提供する AI インジケーター。 |
| 先行入力 | フォームフィールドで AI の推奨事項が使用されるときにユーザーに通知し、AI 機能に関する詳細情報を提供する AI インジケーター。 |
| typeahead-multi | フォームフィールドで AI の推奨事項が使用されるときにユーザーに通知し、AI 機能に関する詳細情報を提供する AI インジケーター。 |
| チャート | 拡張 |
|---|---|
| 棒グラフによるチャート化 | 棒グラフによるチャート化のパレート図タイプ。パレート図は縦棒グラフに似ていますが、線グラフも含まれています。パレート図には、個々の値 (頻度またはコスト) を降順で表す縦棒と、累積合計を表すデータ ポイントを含む線が表示されます。また、パレート図は、ユーザーが非表示にできる水平線で Y 軸上の 80% の点をマークします。 |
| インジケーター スコアカードによるチャート化 |
|
| 時系列の可視化 | 日付範囲のドロップダウンを追加する日付範囲ピッカー。これを使用して、表示される時間範囲を事前定義された日付範囲の 1 つにすばやく変更できます。 |
アクティベーション情報
Next Experience コンポーネント はデフォルトで有効な Now Platform の機能です。
アクセシビリティ情報
Washington DC リリースでは、Next Experience コンポーネント に対して、次のアクセシビリティ機能拡張が行われました。
- 拡大ソフトウェアとスクリーンリーダーのサポート
-
プログラムによるラベルをビジュアル ラベルに一致させるために、以下 Next Experience コンポーネント が更新されました。この機能強化により、ZoomText (拡大ソフトウェアの一種) およびその他の種類の支援技術 (スクリーン リーダーなど) のサポートが改善されました。
この機能拡張は、視覚障がいや運動制限などの認知/身体障がいのあるユーザーが ServiceNow プラットフォームを使用する場合にサポートします。- エージェントチャット [sn-agent-chat]
- エージェント受信ボックス [sn-agent-inbox]
- キャンバスタブ [sn-canvas-tabs]
- チャット入力 [sn-chat-input]
- チャットメンションの提案 [sn-chat-mention-suggestion]
- チェックリスト [now-checklist]
- 日時カレンダー [now-date-time-calendar]
- ドキュメントビューアー [sn-document-viewer]
- ドラッグアンドドロップ [sn-drag-and-drop]
- フィールド選択 [sn-record-field-list-reorder-list]
- リストセレクター [sn-list-selector]
- 通知設定ポップオーバーコンテンツ [notification-setting-popover-content]
- プレゼンスポップオーバーコンテンツ [sn-presence-popover-content]
- リフローのサポート
-
次のコンポーネントはリフローをサポートするように更新されました。これにより、コンテンツや機能を失うことなく、ブラウザー設定を使用してページとコンテンツを最大 400% 拡大できます。さらに、コンテンツは、320 CSS ピクセルに相当する幅または 256 CSS ピクセルに相当する高さで、2 次元でスクロールせずに拡大できます。
この機能拡張は、弱視のユーザーや、モニターのサイズ、デバイスの種類、照明の悪さ、またはその他の状況のためにブラウザーで Web コンテンツを見るのが難しいユーザーに役立ちます。リフローは、インスタンス、エクスペリエンスおよびページのシステムプロパティでオフにできます。詳細は、「Reflow for Configurable Workspace」を参照してください。
- アクションバー [now-record-common-uiactionbar]
- エージェントチャット [sn-agent-chat]
- 予約カレンダー [now-appointment-calendar]
- 棒グラフ [now-vis-bar]
- バブルの可視化 [now-vis-bubble-wrapper]
- カレンダー [now-calendar]
- カルーセル [sn-carousel]
- チェックリスト [now-checklist]
- 連絡先カード [sn-contact-card]
- コンテンツツリー [now-content-tree]
- コンテキストサイドバー [now-contectual-sidebar]
- 顧客アクティビティ [sn-customer-activity]
- 日付範囲ピッカー [now-date-range-picker]
- ダイヤルチャート [now-vis-dial]
- ドキュメントの表示 [sn-document-display]
- Document Intelligence [sn-docintel-iframe]
- Express List [sn-itom-aiops-list]
- Filter [now-filter]
- フォーム [now-record-form-selection-column-layout]
- ゲージチャート [now-vis-gauge]
- ジオマップの可視化 [now-vis-geomap-wrapper]
- ヒートマップの可視化 [now-vis-heatmap-wrapper]
- ITOM Metric Explorer [sn-itom-metric-explorer]
- カンバンボード [now-visual-board]
- ナレッジブロック [sn-knowledge-blocks-connected-uib]
- ナレッジコンテンツ [sn-knowledge-content]
- リストセレクター [sn-list-selector]
- ページネーションコントロール [now-pagination]
- 円/ドーナツ可視化 [now-vis-pie-wrapper]
- ピボットテーブルによるチャート化 [sn-multipivot]
- Playbook アクティビティビューアー [now-playbook-activity-viewer]
- Playbook Experience [now-playbook-experience-connected]
- Playbook モーダル [now-playbook-modals]
- Playbook ステージピッカー [now-playbook-stage-picker]
- サービス健全性ダッシュボード (新規) [sn-itom-service-dashboard]
- 単一スコア [now-score-advanced]
- 時系列の可視化 [now-vis-timeseries-wrapper]
- 音声テキスト変換のサポート
- ビジュアルラベルをアクセス可能なラベルに一致させるために、以下 Next Experience コンポーネント が更新されました。アクセシビリティ対応ラベルがビジュアル ラベルと異なる場合、音声テキスト変換ソフトウェアは対話型要素を識別してアクティブ化できません。一致する視覚的でアクセス可能なラベルにより、Dragon NaturallySpeakingなどの音声テキスト変換ソフトウェアは、音声テキスト変換アシスタントテクノロジーによって提供される低速のグリッドベースのナビゲーションを行うのではなく、ユーザーインターフェイスでこれらのコンポーネントを識別できます。
- ドロップダウン [now-dropdown]
- 入力 [now-input]
- レコードリスト [now-record-list]
- レコード番号 [now-record-number]
- テキストリンク [now-text-link]
- Toggle [now-toggle]
- 先行入力 [now-typeahead]
- 先行入力マルチ [now-typeahead-multi]
- 一般的なアクセシビリティ機能拡張
- 国際的に認められたアクセシビリティ標準を満たすために、次のコンポーネントが更新されました。
- 予約カレンダー [now-appointment-calendar]
- カレンダー [now-calendar]
- チェックリスト [now-checklist]
- 連絡先カード [sn-contact-card]
- コンテンツツリー [now-content-tree]
- Kanban [now-visual-board]
- Playbook アクティビティピッカー [now-playbook-activity-picker]
- ラジオグループ [now-radio-group]