トーストを表示

概要

トースト通知は、ユーザーの作業フローを大きく中断することなく短い状態更新を伝える標準的でユーザーフレンドリーな方法です。アクションの確認、潜在的な問題の警告、または情報提供の手がかりとして不可欠です。

主な機能

フィードバックの提供: アクションの結果（成功、エラー、警告、情報）をユーザーに知らせます。
一時的: 永続的に表示する必要のない短いメッセージ向けに設計されています。
外観の設定可能: メッセージの種類に応じてスタイル（色/アイコン）を制御します。
動作の設定可能: トーストが表示される時間やユーザーが閉じられるかどうかを制御します。
操作によってトリガーされる: ユーザーの操作（ボタンクリックなど）や他のイベント（フローの完了など）に続くアクションとして起動します。

トーストを使用するタイミング

次の種類の応答に対してフィードバックを提供するために「トーストを表示」操作を使用します:

成功（成功バリアント）: 成功した操作を確認する（例: 「レコードが正常に保存されました」、「設定が更新されました」）。
エラー （エラーバリアント）: アクションの完了を妨げた問題を示します（例: 「保存に失敗しました: 必須項目がありません」、「サーバーに接続できませんでした」）。
警告（警告バリアント）: ユーザーに潜在的な問題を警告したり注意を促したりします（例: 「データ制限が近づいています」、「重複レコードが検出されました」など）。
情報（情報バリアント）: 進行中の処理について通知したり中立的な情報を提供したりします（例: 「リクエストを処理しています...」、「レポートの生成を開始しました」）。

「トーストを表示」操作の設定方法

「トーストを表示」操作はキャンバスに直接追加しません。代わりに、別のコンポーネントの操作の一部としてアクションとして設定します。

手順

トリガーコンポーネントを選択

ユーザーが操作したときにトーストメッセージを開始するコンポーネント（ボタン、データテーブルの行アクションなど）を選びます

インタラクションパネルにアクセス

ステップ1で選択したコンポーネントを選びます。ビルダーの右側にあるプロパティパネルで「インタラクション」セクションを見つけて開きます

トリガーイベントを選択

インタラクションセクション内で、どのイベントがトーストを表示させるかを決めます。一般的なイベントには「クリック時」（ボタン用）や「完了時」/「エラー時」（データ保存やフロー実行など他のアクションの後に実行されることがあります）が含まれます

「トーストを表示」アクションを追加

ステップ3で選択した特定のイベントの「アクションを追加」ボタンをクリックします。利用可能なアクションタイプの一覧から「トーストを表示」を選択します。

トーストの詳細を設定

トースト通知の特定のプロパティを設定します:

タイトル： （テキスト）トーストメッセージの主見出しを入力します。太字で表示されます。静的テキスト（例: 「成功！」）を入力するか、リソースセレクタアイコンをクリックして変数から動的値（例: {!StatusTitleVariable}）を使用できます。
メッセージ： （テキスト）通知の詳細本文テキストを入力します。簡潔に保ってください。静的テキスト（例: 「変更が保存されました。」）を入力するか、リソースセレクタアイコンをクリックして動的値（例: {!FeedbackMessageVariable}）を使用できます。
バリアント： （選択）色とアイコンを制御するスタイルと目的を選択します:
- 情報： (青) 情報メッセージ向け。
- success： (緑) 成功したアクションの確認向け。
- 警告： (黄/オレンジ) 潜在的な問題や注意喚起向け。
- エラー： (赤) 問題や失敗したアクションを示すため。
モード： （選択）トーストの閉じ方を選択します:
- 閉じられる （デフォルト）: 約5秒後に自動で非表示になります。ユーザーはそれより早く閉じることができます。成功/情報向けに最適です。
- しつこい：約5秒後に自動で非表示になります; ユーザーは 早期に 閉じることはできません。重要な警告に使用します。
- 固定：表示されたまま ユーザーが手動で閉じるまで。承認が必要な重大なエラーに使用します

最終更新 6 か月前

役に立ちましたか？