--- sourceDocument: Yokohama のリリースノート sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/release-notes Release : - yokohama ft:locale : - ja-JP ft:publication_title : - Yokohama のリリースノート ft:clusterId : - rn bundleId : - rn --- # ネクストエクスペリエンスのコンポーネント リリースノート # ネクストエクスペリエンスのコンポーネント リリースノート {#ariaid-title1} * リリースバージョン: Yokohama * * 更新日 2025年01月30日 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：7分 ServiceNow® ネクストエクスペリエンスのコンポーネント は、カスタムユーザーインターフェイスをビルドするために使用されるコンポーネントです。ネクストエクスペリエンスのコンポーネント は Yokohama リリースで拡張および更新されました。 ## Yokohama リリースでの ネクストエクスペリエンスのコンポーネント の特長 {#component-rn__component-rn-highlights} * ビルド済みのシステムまたはカスタムコンポーネントを使用して、リッチな UI エクスペリエンスをビルドします。ネクストエクスペリエンスのコンポーネント API リファレンス、使用ガイダンス、および ServiceNow® UI ビルダー セットアップドキュメントを見るには、[開発者サイトの「ネクストエクスペリエンスのコンポーネント」ドキュメント](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=washingtondc&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades)にアクセスしてください。 * JavaScript フレームワーク、不変データ、シンプルなアクションハンドラーなどの一般的な Web コンポーネントのパターンと原則を使用します。 * 複数のユーザーインターフェイスでコンポーネントを再利用して、エンドユーザーに統一感のあるエクスペリエンスを作成します。 * 事前設定されたプロパティ値を使用して、コンポーネントのプロパティとイベントハンドラーを自動的に設定すると、コンポーネントをページに追加したときに機能できるようになります。プリセットは、コンポーネントのデータリソースとして機能するコントローラーに接続できます。詳細については、「[Automatically configure components using presets](https://www.servicenow.com/docs/access?context=presets&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)」と「[Bind data to UI Builder pages using controllers (advanced feature)](https://www.servicenow.com/docs/access?context=controllers&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)」を参照してください。 {#component-rn__ul_qhh_q44_s1c} ## Yokohama リリースの新機能 {#component-rn__component-rn-new-features} {#component-rn__table_xlb_cfg_zcc__entry__2} | コンポーネント | 説明 | |-|-| | アクティブなコール | インタラクションコントロールコンポーネント (ICC) の一部として通話を処理します。切断、ミュート、保留、録音、転送などのアクションを含むコール機能を管理します。 | | アニメーション | UI ビルダー で作成された ネクストエクスペリエンス ページまたはコンポーネントに Lottie アニメーションを配置します。 | | ダイヤルパッド | ワークスペースで電話番号をダイヤルします。 | | フィードバック | 事前に決定された一連のオプションまたは自由形式の回答を通じて、AI の製品やスキルに関し、ユーザーから詳細なフィードバックを取得します。 | | フィルタグループ | 最大 3 つのフィルターコンポーネントを 1 つのコンテナにまとめてグループにします。設定可能な \[適用\] ボタン、\[クリア\] ボタン、\[リセット\] ボタンがあり、グループ内のすべてのフィルターに適用されます。 | | フライアウトメニュー | 階層構造内で複数レベルのオプションを整理するメニュー。 | | ナレッジビュー | ネクストエクスペリエンス ナレッジ 記事ビューを表示する埋め込み可能なコンテナ。 | | ローダーカスタム | オプションの進捗バーとラベルを使用してカスタムアニメーションをレンダリングします。 | | スケルトンローダー | 生成されたコンテンツの装飾プレースホルダー。 | [表 : 1. コンポーネント] {#component-rn__table_xlb_cfg_zcc} ## このリリースでの変更 {#component-rn__component-rn-changed-features} {#component-rn__table_qvp_xdg_zcd__entry__2} | コンポーネント | 拡張 | |-|-| | 予約カレンダー | * 複数のスロットを選択 * 予約スロットにカスタマイズ可能なカテゴリーを追加 * 過去のスロットと利用できないスロットを非表示 * 予約スロットにコンテキストタグを追加 * \[Day\] ビューと \[DAYMOBILE\] ビューの各スロットに表示される行数を設定できる * コンテナ高さ調整を設定できる {#component-rn__ul_sfn_sn5_4dc} | | 添付ファイル | * すべての添付ファイルをダウンロードするオプション * 添付ファイルの削除確認ポップアップメッセージを改良 {#component-rn__ul_j13_jfg_pdc} | | アバター | ボタンまたはリンクとして動作するようにアバターを設定できる | | カレンダー | * カレンダービューとタイムラインビューで複数のタイムゾーンを設定できる DST サポート * ヘッダーを非表示 * タイムラインビューに複数のタイムゾーン * カレンダービューとタイムラインビューのスクロールコントロール {#component-rn__ul_p22_4yl_qdc} | | メールコンポーザー | すべてのメールシナリオ、メールテンプレート、応答テンプレート、クイックメッセージに関する Now Assist 生成 AI の提案 | | メールコンポーザー (ミニ) | すべてのメールシナリオ、メールテンプレート、応答テンプレート、クイックメッセージに関する Now Assist 生成 AI の提案 | | フォーム | * 構成パネルの更新 * フォームコントローラー構成パネルの更新 {#component-rn__ul_nh4_rfg_pdc} | | フォームテンプレート | * アルファベット順や最終使用日順でのテンプレートの並べ替えが可能 * テンプレートの追加・削除を行えるお気に入り用タブを新たに導入 * テンプレート名と説明を切り詰める必要がなくようにカードを大きくし、最終使用タイムスタンプも表示 {#component-rn__ul_bzp_vfg_pdc} | | ハイライト表示される値 | * 中サイズのバリアント * カスタムツールヒントプロパティ {#component-rn__ul_owp_lyg_ldc} | | iFrame | iframe ドキュメントにメッセージを送信できる | | カンバンボード | * カードでの複数選択が可能 * 依存関係行の選択を構成できる * セカンダリヘッダーを追加 {#component-rn__ul_xkx_b3m_qdc} | | モードレスダイアログ | ダイアログを動的にし、コンテンツに合わせて自動でサイズを変更 | | ノードマップ | * 構造や階層のないグラフを強制的にレイアウトで表現 * 階層レイアウト、多層レイアウト、強制レイアウトでのカスタムポップオーバー構成 * 統一されていないレイアウトでのカスタマイズ可能なノード * ノードにループバックするエッジで示される自己参照ノード * マップを JPG と PNG でエクスポートできる * 同じノード間で複数の接続の集約・分離が可能 {#component-rn__ul_ibn_f45_4dc} | | ピル | 選択したピルのステータスを表示 (デフォルトでは非表示) | | クイックフィルター | * 先行入力ドロップダウンのセクションヘッダーを設定 * フッターアクションボタンを設定 * 入力フィールドのプレースホルダーテキスト値を設定 {#component-rn__ul_vtf_cgg_pdc} | | レコードルックアップ | * 名前、電話番号、またはメールで連絡先を検索 * 候補に挙がった結果をページネーション形式でプレビュー * 候補に挙がった連絡先とケースとのすばやいリンク/リンク解除 * 親レコードにアクセスすることなくレコードの詳細を編集 * レコードヘッダーを非表示 * 検索結果を設定 * リンクされたカードの強調表示された値をレンダリング * 特定の条件を使用して検索結果を修飾 (参照修飾子) * 値が空のフィールドを非表示 * リンクボタンを非表示 * カードを展開する/折りたたむ {#component-rn__ul_gwg_lgg_pdc} | | ステッパー | * すべてのステップに対してフォントサイズを標準化 (小または中) * デフォルトでは、現在選択されているステップが表示されるようにページネーションが調整される {#component-rn__ul_ehz_tdb_pdc} | [表 : 2. コンポーネント] {#component-rn__table_qvp_xdg_zcd} {#component-rn__table_eqq_1fg_zch__entry__2} | チャート | 拡張 | |-|-| | 棒グラフ | チャートのツールヒントとチャート下のデータテーブルにパーセント (%) 情報を追加 | | バブル | グラフのツールヒントにパーセント (%) 情報を追加 | | ジオマップ | チャートのツールヒントとチャート下のデータテーブルにパーセント (%) 情報を追加 | | ヒートマップ | * チャートのツールヒントとチャート下のデータテーブルにパーセント (%) 情報を追加 * メトリクス値が「カウント」に設定されている場合、利用可能なデータがないときにはゼロ (0) が表示される。 {#component-rn__ul_t5k_gzv_ldc} | | ピボットテーブル | * 選択したデータセットまたは設定に値がない場合は表示形式を選択する。 * データソースの制限を 10 から 15 に引き上げ {#component-rn__ul_dby_gsg_pdc} | | 時系列 | * チャートのツールヒントとチャート下のデータテーブルにパーセント (%) 情報を追加 * グレゴリオ暦、会計暦、手動で追加されたカレンダーなどのビジネスカレンダーに対応 * 「column」を除くすべてのグラフ形式について * 選択したデータセットまたは設定に値がない場合は表示形式を選択する。 * テーブルデータソースの場合、チャートに特定の期間のデータがないときにギャップのない実線が表示される。 {#component-rn__ul_vlr_gcw_ldc} * スクリーンリーダーアクセスを簡易にするため、チャートとグラフのデータテーブルを表示 * 折れ線グラフ、スプライングラフ、面グラフ、ステップグラフの場合、値がゼロ (0) または欠損している部分を含め、グラフの各データ ポイントにマーカーが表示される。 * 最大 3 つのメトリクスを含むグラフの場合、ユーザーが選択するメトリクスごとに別の \[グループ化\] を追加できる。 * データのグループ化時の並べ替え * 期間の終了日を現在の日付に自動更新するように設定できる新しい日付範囲オプション {#component-rn__ul_l52_4wv_ldc} | [表 : 3. データの可視化] {#component-rn__table_eqq_1fg_zch} {#component-rn__table_y2f_x1z_4dc__entry__2} | テンプレート | 説明 | |-|-| | ダッシュボード | * ダッシュボードにアサインされたカテゴリーをページ上部のピルに表示 * ページ上部のユーザーアバターにリアルタイム編集を表示 {#component-rn__ul_wh3_lyk_ydc} | [表 : 4. テンプレート] {#component-rn__table_y2f_x1z_4dc} {#component-rn__table_cr1_bfg_zce__entry__2} | バンドル | 拡張 | |-|-| | レコードリスト | * リスト見出しで使用できる条件ビルダー * ライブリストが有効になっている場合はデフォルトで無限スクロールが有効 {#component-rn__ul_azt_jdz_4dc} | [表 : 5. バンドル] {#component-rn__table_cr1_bfg_zce} ## アクティベーション情報 {#component-rn__component-rn-activation} ネクストエクスペリエンスのコンポーネント はデフォルトで有効な Now Platform の機能です。{#component-rn__component-rn-activation-1} ## アクセシビリティ情報 {#component-rn__component-rn-accessibility} ネクストエクスペリエンスのコンポーネント アクセシビリティ準拠については、ServiceNow [Horizon サイトの「コンポーネント」セクション](https://horizon.servicenow.com/workspace/components)を参照してください。{#component-rn__component-rn-accessibility-1} ## 関連する ServiceNow アプリケーションと機能 {#component-rn__component-rn-related-apps} [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) : UI ビルダー は、ワークスペースとポータル Web ベースのエクスペリエンス向けのページをビルドできるローコードのツールです。 [Configurable Workspace UI](https://www.servicenow.com/docs/access?context=workspace-landing-page&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US) : コンポーネントを使用して、内部または外部の顧客の問題を解決するエージェント向けのカスタムワークスペースエクスペリエンスをビルドします。