ネクストエクスペリエンスのコンポーネント
ServiceNow® ネクストエクスペリエンスのコンポーネント は、カスタムユーザーインターフェイスをビルドするために使用されるコンポーネントです。ネクストエクスペリエンスのコンポーネント は Zurich リリースで拡張および更新されました。
Zurich リリースでの ネクストエクスペリエンスのコンポーネント の特長
- ビルド済みのシステムまたはカスタムコンポーネントを使用して、リッチな UI エクスペリエンスをビルドします。ネクストエクスペリエンスのコンポーネント API リファレンス、使用ガイダンス、および ServiceNow® UI ビルダー セットアップドキュメントを見るには、開発者サイトの「ネクストエクスペリエンスのコンポーネント」ドキュメントにアクセスしてください。
- JavaScript フレームワーク、不変データ、シンプルなアクションハンドラーなどの一般的な Web コンポーネントのパターンと原則を使用します。
- 複数のユーザーインターフェイスでコンポーネントを再利用して、エンドユーザーに統一感のあるエクスペリエンスを作成します。
- 事前設定されたプロパティ値を使用して、コンポーネントのプロパティとイベントハンドラーを自動的に構成し、コンポーネントをページに追加したときにコンポーネントが機能するようにします。プリセットは、コンポーネントのデータリソースとして機能するコントローラーに接続できます。詳細については、「Automatically configure components using presets」と「Bind data to UI Builder pages using controllers (advanced feature)」を参照してください。
Zurich リリースの新機能
| コンポーネント | 説明 |
|---|---|
| カルーセルテキスト | アニメーション化されたトランジションを使用して、一連のテキストメッセージを循環します。カスタマイズ可能なメッセージコンテンツにより、ロードステータス中に視覚的なフィードバックを提供します。 |
| カタログ参照 | ユーザーが複数のカタログやカテゴリにわたって必要なカタログアイテムを探索、検索、および見つけられるようにします。ユーザーは、ドロップダウンからカタログを選択し、サイドパネルでカテゴリを選択します。カテゴリ内の利用可能な各アイテムの選択可能なカードがメインビューに表示されます。 |
| フィルターの概要 | ページに現在適用されているフィルターの概要が表示されます。主に条件ビルダーと組み合わせてリストページで使用されます。 |
| フライアウトメニュー | 階層構造内で複数レベルのオプションを編成します。 |
| アニメーション化されたアイコン | Now Assistフローまたはイベントのエントリーポイントを示すアニメーションのスパークルアイコン。 |
| Now Assist コンテキストメニュー | テキストの生成、インシデントまたはタスクのサマリーの作成、コンテンツの絞り込みなどのアクションを提供します。 |
| スケジュールの繰り返し | ユーザーは、日次、週次、月次、および年次頻度で繰り返し発生するイベントを作成および管理できます。ユーザーは、スキップ日、例外、検証などのルールを追加できます。 |
| バンドル | 説明 |
|---|---|
| モードレスダイアログを使用したアクティビティストリームの作成 | アクティビティストリームの作成のすべての機能とモードレスダイアログポップアップの追加機能を含むコンポーネントバンドル。モードレスダイアログ機能を作成エクスペリエンスに追加するには、アクティビティストリームの作成コンポーネントをこのコンポーネントバンドルに置き換えます。 |
このリリースでの変更
| コンポーネント | 拡張 |
|---|---|
| アクティビティストリーム |
|
| アクティビティストリームの作成 |
スクロール時間が短縮され、アクティビティストリームで作成エクスペリエンスがシームレスにスタックされることで、エージェントの生産性が向上 |
| 予約カレンダー |
|
| 添付ファイル |
|
| ボタン | アニメーションのスパークルアイコンを有効にする |
| ベアボタン |
|
| 円形ボタン | アニメーションのスパークルアイコンを有効にする |
| アイコン型ボタン | アニメーションのスパークルアイコンを有効にする |
| カレンダー |
|
| カルーセル | オプションのテキストとさまざまな色の任意の 1 つを追加して、タイトルの横にバッジを表示します |
| チェックボックス | チェックボックスの前後にラベルスロットを表示する |
| チェックリスト | チェックリストのサイズを制御する |
| 日付-時刻 |
|
| 日時間隔 |
|
| メールコンポーザー |
|
| メールコンポーザーミニ |
|
| メールビューアー | ユーザーピルを選択すると、ユーザーの連絡先カードが表示されます。 |
| フィードバック | コンポーネントのテキストエリアの文字数制限を設定する |
| フォーム |
|
| フォームレコードのプレゼンス | アクティブなビューアーのアバターを選択すると、連絡先情報を含む顧客カードのポップアップが表示されます。 |
| 見出し | テキストの配置を 先頭 から 中央、 末尾、 または両端揃えに変更します。 |
| iFrame | iFrame で利用可能な機能を選択することで、一貫したプラクティスを適用し、サードパーティのコンテンツをより安全に作成します。 |
| 入力 |
|
| パスワードを入力 |
|
| 電話入力 |
|
| 入力 URL |
|
| カンバンボード |
|
| タブ付きラベル値 |
|
| モードレスダイアログ | デフォルトでは、ユーザーがダイアログの高さを超えて入力すると、ダイアログのサイズが動的に変更されます。 |
| ノードマップ |
|
| プレイブック | ユーザーからのフィードバックに基づいて改善されたナビゲーションとユーザーインターフェイス。 |
| プレイブックアクティビティピッカー | ユーザーからのフィードバックに基づいて改善されたナビゲーションとユーザーインターフェイス。 |
| プレイブックステージピッカー | ユーザーからのフィードバックに基づいて改善されたナビゲーションとユーザーインターフェイス。 |
| 述語ビルダー | 読み取り専用の構成 |
| ラジオボタン |
|
| 選択 |
|
| 分割ボタン | アニメーションのスパークルアイコンを有効にする |
| TextArea |
|
| 先行入力 |
|
| 先行入力マルチ |
|
| バンドル | 拡張 |
|---|---|
| レコードリスト |
|
アクティベーション情報
ネクストエクスペリエンスのコンポーネント はデフォルトで有効な ServiceNow AI Platform の機能です。
アクセシビリティ情報
ネクストエクスペリエンスのコンポーネントアクセシビリティの適合情報を表示するには、Horizon サイトの「コンポーネント」セクションの「コンポーネント」セクションを参照してください。各コンポーネントの概要には、アクセシビリティ (A11y) 情報が含まれています。