UI Builder の用語集

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む10読むのに数分

    • UI Builder (UIB) に関する専門用語や概念について説明します。

    アクション

    アクションは ServiceNow® プラットフォームの一部です。UI Builder のアクションは、具体的にはページまたはページコンポーネント内のアクティビティです。イベントとイベントハンドラーは、アクションを追加するために使用されます。たとえば、ボタンコンポーネントをページに追加してから、Web ページを開くなどのボタンのアクションを適用するイベントハンドラーを追加します。

    アプリシェル

    アプリシェルは、Web エクスペリエンスの静的要素 (ヘッダー、フッター、メニューナビゲーションなど) であり、エンドユーザーがすべてのエクスペリエンスを操作するときに常に表示されます。アプリシェルは、主にワークスペースとポータルエクスペリエンスで使用およびサポートされています。

    バインド

    「データバインディング」を参照してください。

    自社用カスタム設定

    「テーマ」を参照してください。

    カスケーディングスタイルシート (CSS)

    カスケーディングスタイルシートは、Web の標準スタイルシート言語です。UI Builder では、CSS を使用して、ワークスペースまたはポータルエクスペリエンスのコンポーネントの表示スタイルを変更します。たとえば、ページやコンテナコンポーネントに背景色を追加します。

    「CSS カスタムプロパティ」も参照してください。

    クライアントスクリプト

    ページ上のコンポーネントおよびクライアントステータスパラメーターとやり取りするクライアントサイド JavaScript。クライアントスクリプトは、UI Builder のイベントとイベントハンドラーにマッピングされます。たとえば、リストコンポーネントに、リスト内のレコードの開いたレコードと閉じたレコードを切り替えるクライアントスクリプトを含むボタンを追加します。UI Builder に統合されている Now コードエディターを使用して、クライアントスクリプトを追加します。

    クライアントステータスパラメーター

    そのページのデータ (クライアントステータス) のみを格納するためにページに対して定義されたページ変数。たとえば、3 つのクライアントステータスパラメーターを作成して、レコードの作成に必要な入力を保存し、リストを更新するタイミングを指定します。クライアントスクリプトとイベントを使用してページ変数が更新されるようにし、ページを動的にすることができます。

    コンポーネント

    コンポーネントの UI Builder ライブラリを使用してページを構築します。コンポーネントには、エンドユーザーが表示して操作できるインターフェイスがあります。コンポーネントは、イベントとプロパティを介して相互に通信できます。一般的に使用されるコンポーネントには、見出し、画像、リスト、フォーム、ボタンなどがあります。

    コンポーネント式エディター

    式をバインドまたは変更するために使用します。テキスト、データバインディング、または式を入力します。エディターは、論理、算術、比較、否定、および関数型の変換タイプをサポートしています。

    コンポーネント ID

    スクリプトを追加するとき、またはコンポーネントにデータをバインドするときに、コンポーネントを参照するために使用されます。コンポーネントをページに追加すると、コンポーネントラベルに基づいたコンポーネント ID が自動的に作成されますが、コンポーネント ID は編集できます。

    コンポーネントのプリセット

    事前定義された構成値とイベントマッピングをコンポーネントに適用するために使用します。プリセットは、事前に構築済みの構成をコンポーネントプロパティとイベントハンドラーに適用します。プリセットは、特定のコンポーネントでのみ使用できます。

    コンポーネントプロパティ

    [構成] パネルで利用でき、コンポーネントの構成に使用されます。各コンポーネントには一意のプロパティがあります。コンポーネントのプロパティは、[構成] パネルの [構成]、[スタイル]、および [イベント] の各タブ内で指定されます。一部のコンポーネントには、利用可能なプリセットがあります。コンポーネントのプロパティを自動的に設定するには、コンポーネントプリセットを使用します。

    複合データリソース

    GraphQL や Transform などの複数のデータリソースを、単一の再利用可能なデータリソースに結合します。

    構成可能なワークスペース

    従来の環境のフォームとリストに代わる新しい作業方法。構成可能なワークスペースは、Next Experience UI の前に導入されましたが、別のブラウザータブで開かれます。

    コントローラー
    データとイベントロジックを含み、コンポーネントのプリセットを有効にするデータリソースのタイプ。ページテンプレートを使用すると、コントローラーが自動的に追加されます。コントローラーには次の 2 つのタイプがあります。
    • データコントローラーにはデータリソースが含まれ、手動でページに追加できます。
    • UI コントローラーは、ページテンプレートを使用するときにページに追加され、手動で追加することはできません。現在、コントローラーの作成はサポートされていません。
    CSS

    「カスケーディングスタイルシート」を参照してください。

    CSS カスタムプロパティ

    テーマ設定に使用できる Next Experience の顧客 CSS プロパティ。

    データバインディング

    (テーブル、レコード、またはページ上の他の要素からの) データを、情報を表示する UI 要素に関連付けるプロセス。

    データリソース

    ページとサーバーの間の仲介者として機能します。データリソースはデータをフェッチしてコンポーネントに入力し、ユーザーのインタラクションに基づいてサーバーデータを更新します。データリソースタイプには、コントローラー (データコントローラーと UI コントローラー)、GraphQL、変換、クライアントステータス、複合、REST があります。

    データの表示方法

    データを表示するためのチャートまたはグラフ (単一スコアや縦棒グラフなど)。データの可視化は、ビューアーに応じて異なるデータを表示するように構成できます。

    Entity View Action Mapper (EVAM)

    多様なデータソースをカードやリストにレコードを表示する方法を標準化するアプリケーションです。UI Builder は EVAM データソースを使用して、コンポーネント内の情報をカードグリッドビューまたは情報のリストとして表示します。

    イベント

    「UI Builder イベント」を参照してください。

    イベントハンドラー

    コンポーネント、ページ、またはデータリソースでイベントがトリガーされたときに実行されるアクション。

    イベントマッピング

    イベントが発生したときに実行するイベントハンドラーを識別するプロセス。単一または複数のイベントハンドラーをコンポーネント、ページ、またはデータリソースイベントに追加します。

    Flexbox

    UI Builder の 1 次元ページレイアウトシステム。コンテンツまたはコンポーネントを、ページの行 (左から右または右から左) または列 (上から下または下から上) に追加できます。

    GraphQL

    API のオープンソースクエリ言語。UI Builder では、GraphQL データリソースが GraphQL クエリとミューテーションを実行します。

    iFrame

    ドキュメント内に別の HTML ページをロードする HTML 要素。

    レイアウト

    (Vancouver より前のリリース) コンテナ内でのコンポーネントの配置方法を制御します。コンポーネントをコンテナに追加した後、グリッドを使用するなどのより高度な方法でレイアウトを構成できます (Flexbox がデフォルトのレイアウトです)。

    (Vancouver 以降のリリース) コンポーネントを配置するためにページに追加できる要素。

    Macroponent

    UI Builder ページを制御するコアデータ構造。フィールドには、ページを構築する JSON が含まれます。

    マップイベント

    「イベントマッピング」を参照してください。

    モーダル

    アクションが実行されるまで、ユーザーがページの残りの部分を使用できないようにするページオーバーレイ。たとえば、ユーザーがレコードを削除するボタンコンポーネントを選択した場合、アクションの確認を求めるモーダルを追加できます。

    通知

    何かが発生したことをユーザーに通知するために ServiceNow インスタンスから送信される通信 (メール、ショートメッセージサービス、通知、またはプッシュ通知)。

    Now コードエディター

    CSS、HTML、JavaScript、XML、および JSON をサポートするリッチテキストエディター。Now コードエディターを使用して、Next Experience UI Builder コンポーネントの UI 構成、データリソース構成、スタイル、イベント、クライアントサイドスクリプト、サーバーサイドスクリプトを変更します。

    ページ

    「UI Builder ページ」を参照してください。

    ページコレクション

    タブまたはモーダル内のエクスペリエンスで再利用できるページのグループ。

    ポップオーバー

    ユーザーがページの残りの部分を引き続き使用できるようにするページオーバーレイ。ポップオーバーは、テキスト、コンポーネント、画像、フィールド、およびメニューアイテムを含む UI Builder ページと同様に構成できます。

    プリセット

    「コンポーネントのプリセット」を参照してください。

    リピーター

    複数のコンポーネントに提供するデータを繰り返す基本ループとして機能するコンポーネント。リピーターは、アレイ、またはオブジェクトのアレイを使用します。リピーターは、データアレイプロパティに値をバインドします。たとえば、[{"task": "A"},{"task": "B"}] は、その中のコンテンツを 2 回繰り返します。

    タブ

    異なるデータセット間を移動するための水平または垂直タブメニューを表示するコンポーネント。

    テンプレート (ページ)

    UI Builder ページに入力する事前定義された値。テンプレートを使用すると、ページをより迅速に構築できます。

    テーマ

    プライマリ色、セカンダリ色、ロゴ、フォントなど、エクスペリエンス内のすべての UI Builder ページの表示スタイル。

    変換

    スクリプトを使用して入力データを別の形式に変換するデータリソースのタイプ。プロパティを JSON 形式で指定します。

    UI Builder

    Web ユーザーインターフェイスビルダーであり、これを使用すると、開発者は、Next Experience UI フレームワークコンポーネントを使用して、新しいページを構築したり、既存のページをカスタマイズしたりできます。

    UI Builder イベント

    ユーザーが実行するアクション (ボタンの選択など) またはページで発生するアクション。ほとんどの UI Builder コンポーネント、ページ、およびデータリソースには、デフォルトの関連イベントがあります。イベントでイベントハンドラーを使用して、ページにアクションを追加します。

    UI Builder ページ
    列レイアウト、列、およびコンポーネントのコレクション。ワークスペースまたはポータルエクスペリエンス用に複数の UI Builder ページを作成またはカスタマイズします。
    バリアント

    ロールまたは条件によってアクセスが制御される UI Builder ページのバージョン。さまざまな対象者のエクスペリエンスをターゲットとするページのバリアントを作成します。たとえば、エージェント用のホームページとマネージャー用のバリアントを同じ URL で作成します。または、さまざまな条件でユーザーに表示されるページバリアントを作成します。

    ビューポート

    UI Builder で親ページを所有しなくてもエクスペリエンスを拡張できるようにする特殊なコンポーネント。次の 3 つの方法でビューポートを使用できます。ビューポートコンポーネントをページに追加するか、ビューポート対応タブをページに追加するか、ビューポートをコンテキストサイドバーコンポーネントに追加します。

    ワークスペース

    アプリケーションユーザーのタイプのターゲットエクスペリエンス。ユーザーがアプリケーションとやり取りできるようにするコンポーネントが含まれています。