UI インタラクション

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

    • UI ビルダー のイベントから直接 UI インタラクションをトリガーし、イベント駆動型の動作を再利用可能なインタラクションロジックにリンクできるようにします。

    UI インタラクションは、UI 要素とロジックを 1 つのユニットにまとめた再利用可能なフローであり、 UI ビルダー のコンポーネントイベントからトリガーできます。複数のページで同じ配線を繰り返すのを防ぎ、デザインのメンテナンスを容易にするのに役立ちます。

    UI インタラクションを使用する理由

    • 重複の削減:コンポーネントごとに個別のアクションを作成する代わりに、フローを一度定義して再利用します。
    • 一貫性の向上:インタラクションは、複数のページまたはエクスペリエンスにわたって同じ動作を適用します。
    • メンテナンスの簡素化:インタラクションへの変更は、それが使用されるすべての場所に自動的に適用されます。
    注:
    実行時間の長いプロセスを持つレコードベースのシーケンシャル UI の場合は、 プレイブック の使用を検討してください。

    UI インタラクションの実用的な使い方

    • ユーザーがボタンを選択したときに確認ダイアログをトリガーする
    • レコードの保存後にアラートメッセージを表示する
    • 検証に失敗したときにモーダル内にフォームビューを表示する
    • データの更新や成功メッセージの表示など、複数のステップを連鎖させる

    UI インタラクションへのアクセス

    • UI ビルダー内から既存のすべての UI インタラクションのリストを表示するには:UI ビルダーのホームページから [UI インタラクション] タブを選択します。
    • UI ビルダー内から UI インタラクションを作成するには、次を選択します。 作成/挿入 > UI インタラクション UI ビルダーのホームページから。
    • プラットフォームから既存のすべての UI インタラクションのリストを表示するには、 すべて > Now Experience フレームワーク > UI インタラクション > すべて.UI ビルダーホームページが開き、UI インタラクションリストが表示されます。
    • プラットフォームから UI インタラクションを作成するには、 すべて > Now Experience フレームワーク > UI インタラクション > 新規作成.UI ビルダーで作成モーダルが開き、インタラクション名、タイプ、および説明を定義します。

    UI インタラクションワークフロー

    UI インタラクションは、ユーザーアクションとシステムアクションの再利用可能なフローを定義します。大まかに言うと、すべてのインタラクションは次のように機能します。
    1. 入力:UI インタラクションを実行するために必要な構成可能なデータ。サポートされているタイプには、文字列、true/false、選択肢、参照、および JSON があります。入力は事前に定義することも、ステッププロパティから昇格させることもできます。
    2. トリガー:コンポーネント、宣言アクション、またはイベントがインタラクションを開始し、入力を渡します。
    3. 開始:1 つ以上の開始ノードが実行の開始場所を決定します。
    4. ステップ:インタラクションはステップを順番に実行し、オプションでイベントまたは並列 And パスで分岐します。
    5. 終了:実行が終了ノードに到達し、フローが完了します。
    図 : 1. UI インタラクションワークフローの例
    UI インタラクションワークフロー。

    UI インタラクションと宣言アクションの違い

    宣言アクションは、アクションがいつどこに表示されるかを決定します。一般的にはフォームまたはリスト上に表示されます。UI インタラクションは、何が起こるかをカプセル化し、任意のページイベントまたは宣言アクションによってトリガーできます。主な違いは次のとおりです。
    • 宣言アクションは、ページを変更することなくリストやフォームにボタンを配置します。
    • UI インタラクションは、トリガーされたときの UI、ロジック、およびスクリプトのエンドツーエンドの動作を定義します。
    • 宣言アクションは UI インタラクションをトリガーできます。
    • 宣言アクションは、モーダルのような UI をトリガーする場合でも、ページの所有権や変更なしで機能するため、UXF クライアントアクションではなく UI インタラクションとして実装できます。

    UI インタラクションのトリガー

    ユースケースに応じて、複数のエントリーポイントから UI インタラクションを実行できます。
    • 宣言アクション:ページをカスタマイズせずにフォームまたはリストにボタンが必要な場合に最適です。
    • UI ビルダーページイベント:ページ内のボタン、コンポーネントイベント、またはカスタム UI 動作からインタラクションをトリガーします。

    UI インタラクションタイプ

    インタラクションを作成するときは、そのインタラクションが機能するコンテキストを決定するタイプを選択します。
    • 汎用:任意のコンポーネントで動作します
    • フォーム:保存、検証、スクリプティングなどのフォーム固有の動作用に設計されています
    • リスト:リストの更新やスクリプティングなどのリストベースのアクションに合わせて調整されています

    UI インタラクションツールボックス

    ツールボックスには、以下を含む、UI インタラクションエディター内で利用可能なすべての構成要素が用意されています。
    • モーダル、モードレスダイアログ、動的フォームなどの UI 要素
    • コンポーネントビルダーを使用したカスタムコンポーネント
    • 条件、if/else 分岐、ナビゲーションなどのロジックステップ
    • フォームまたはリストアクション (そのインタラクションタイプで利用可能な場合)
    • クライアントおよびサーバーのスクリプトステップ
    • データバインディング入力と構成可能なプロパティ
    注:
    ツールボックスコンポーネントは、フォーム、リスト、汎用などのインタラクションタイプによって異なります。
    図 : 2. UI インタラクションツールボックスの例
    UI インタラクションツールボックス。