YouTube ChannelSchedule a CallSubscribe for Updates

インタラクション

概要

インタラクションは、ユーザーが動的コンポーネントと関わるときに何が起こるかを定義します — ボタンをクリックする、テーブル行を選択する、ページを読み込むなど。Avonni のノーコードシステムを使えば、コードを書かずに応答性の高い体験を作成できます。

すべてのインタラクションはシンプルなパターンに従います： トリガー（ユーザーがボタンをクリック） → アクション（レコードへ移動） → 結果（レコードページが開く）

はじめに

インタラクションを追加するには：

  1. コンポーネントビルダーで動的コンポーネントを開きます

  2. キャンバス上のコンポーネント（ボタン、データテーブルなど）を選択します

  3. をクリックします インタラクション 右側のプロパティパネルのタブ

  4. トリガーを選択します（On Click、On Load、On Row Action）

  5. をクリックします アクションを追加 そしてインタラクションの種類を選択します

  6. 設定を構成して保存します

💡 ヒント： 1つのトリガーに複数のアクションを連結できます。アクションは順番に実行されるため、Execute Flow → Show Toast → Navigate のようなシーケンスを作成できます。

インタラクション参照

ナビゲーションとフィードバック

ユーザーを別のページへ誘導し、操作に対する視覚的フィードバックを提供します。

ナビゲート ユーザーをレコードページ、オブジェクトホーム、外部ウェブサイト、または別のアプリへ誘導します。 詳細はこちら →

トーストを表示 確認（「レコードが保存されました」）、警告、エラーなどの短い通知を表示します。 詳細はこちら →

アラートモーダルを開く 続行する前にユーザーの確認を必要とする重要なメッセージを表示します。 詳細はこちら →

確認ダイアログを開く レコードの削除など、破壊的な操作の前にユーザーの確認を要求します。 詳細はこちら →

動的コンポーネント

現在のページ内で他の動的コンポーネントを開き、階層化されたワークフローを実現します。

動的コンポーネントダイアログを開く 別の動的コンポーネントをモーダルオーバーレイで起動し、詳細なフォームやマルチステップウィザードに最適です。 詳細はこちら →

動的コンポーネントパネルを開く メインページを表示したまま、スライド式のサイドパネルに別の動的コンポーネントを表示します。 詳細はこちら →

フロー

Salesforce フローを統合してビジネスロジックを実行し、ガイド付きプロセスを表示します。

フローを実行 自動起動フローを実行して複雑なロジック、データ操作、計算を行います。変数を渡して結果を取得できます。 詳細はこちら →

フローダイアログを開く スクリーンフローをモーダルウィンドウで表示し、ガイド付きのデータ入力やマルチステッププロセスを実現します。 詳細はこちら →

フローパネルを開く メインコンテンツと並んでスライド式サイドパネルにスクリーンフローを表示します。 詳細はこちら →

レコードとデータ

Salesforce レコードを管理し、コンポーネントから直接データをエクスポートします。

レコード変数からの CRUD コンポーネントから直接レコードを作成、読み取り、更新、または削除します。 詳細はこちら →

レコードをコピー 選択したデータテーブルの行をクリップボードにコピーして、Excel、メール、その他のアプリに貼り付けられるようにします。 データテーブルのヘッダーアクションでのみ利用可能 詳細はこちら →

ダウンロード ナビゲーションせずにデータテーブルからファイルを直接ダウンロードできるようにします。 詳細はこちら →

変数と AI

情報を保存し、コンポーネント内で AI 機能を活用します。

代入 選択内容の保存、結果の計算、動的ロジックの構築のために変数値を設定または更新します。 詳細はこちら →

AgentForce エージェントを呼び出す インテリジェントな推奨、自然言語処理、または自動意思決定のために AI エージェントをトリガーします。 詳細はこちら →

その他のアクション

特定のユースケース向けの追加の専門的なインタラクション。

クイックアクションを開く 標準またはカスタムの Salesforce クイックアクション（コールを記録、タスク作成、カスタムアクションなど）を起動します。 詳細はこちら →

位置情報を更新 地理座標や位置ベースのデータを取得または更新します。 詳細はこちら →

一般的なパターン

データを更新した後： 最新情報を表示するために必ず「クエリを更新」アクションを追加してください。

削除する前： 誤って削除するのを防ぐために「確認ダイアログを開く」を使用してください。

複雑なワークフロー： Execute Flow → Assignment → Show Toast → Navigate のようにアクションを連結します。

ユーザーフィードバック： 重要な操作の後に Show Toast を含めて、成功を確認したりエラーを説明したりしてください。

トラブルシューティング

⚠️ クリックしてもインタラクションが何もしない

インタラクションはコンポーネントビルダーのプレビューでは動作しません。実際のページでテストする必要があります。

インタラクションを正しくテストする方法は次のとおりです：

  1. ビルダーで動的コンポーネントを保存します （ビルダー内で）

  2. このコンポーネントを追加した Lightning ページへ移動します （例：取引先ページやホームページなど）

  3. ページをリフレッシュします 最新の変更を読み込むために

  4. インタラクションを試します - ボタンをクリックする、行を選択する、など

まだページにコンポーネントを追加していない場合：

  1. 設定 → Lightning App Builder に移動します

  2. ページを編集する（または新規作成する）

  3. 動的コンポーネントをページにドラッグします

  4. ページを保存して有効化します

  5. そのページを表示してインタラクションをテストします

それでも動作しないですか？ キーボードの F12 を押してブラウザコンソールを開きます。赤いエラーメッセージを探してください — 何が問題かを教えてくれます

↕️ アクションが間違った順序で発生する

1つのインタラクションに複数のアクションを追加すると、リストの上から下へ実行されます。

順序を変更するには：

  1. インタラクションパネルへ行きます

  2. アクションのリストを見つけます

  3. ドラッグ＆ドロップで 正しい順序に並べ替えます（左側のハンドルを掴んで移動）

  4. コンポーネントを保存します

それでもアクションが同期していないように見える場合は、実行が速すぎる可能性があります。アクション間に短い遅延を追加してみてください。

↻ アクション後に古い情報が表示される

レコードを更新、作成、または削除したとき、コンポーネントは表示内容を自動的にリフレッシュするとは限りません。

対処法：

  1. インタラクションを開きます

  2. 更新／作成／削除アクションの後に、をクリックします 「アクションを追加」

  3. を選択します 「クエリを更新」

  4. リフレッシュが必要なデータテーブルやコンポーネントを選択します

  5. 保存します

これでコンポーネントは変更後にデータを再読み込みするため、ユーザーは更新された情報をすぐに確認できます。

→ ナビゲーションボタンが間違った場所へ移動する

Navigate アクションにはどこへ移動するかを指定する設定があります。そのうちの1つが間違っている可能性があります：

これらの設定を確認してください：

  • ページ参照タイプ： 「レコードページ」に行こうとしているのに「オブジェクトホーム」を選択していませんか？

  • レコード ID： 特定のレコードに移動する場合、これは正しいレコードの ID ですか？（誤ったフィールドから取得している可能性があります）

  • オブジェクト API 名： 「Contact」を意図しているのに「Account」と入力していませんか？

確認方法：

  1. インタラクションパネルでインタラクションをクリックします

  2. Navigate の設定内の各フィールドを確認します

  3. レコード ID には正しい変数やフィールド名を使用していることを確認します

  4. 存在が分かっているレコードでテストします

まだ問題がある場合は、まず単純なテストレコードに移動して Navigate アクション自体が動作するか確認してみてください。

次のステップ

まずは Navigate や Show Toast のような単純なインタラクションから始め、慣れてきたら複雑なシーケンスを構築してください。各インタラクションタイプには、具体的な例や設定オプションを含む詳細なドキュメントがあります。

最終更新

役に立ちましたか？