フローへの画面の追加

ほとんどの標準入力コンポーネントでは、数値やテキストのパラグラフといった値が要求されます。ただし、ラジオボタン、選択リスト、チェックボックスグループ、複数選択リストの各コンポーネントでは、ユーザはオプションのセットから選択します。使用可能なオプションを指定するには、少なくとも 1 つの選択肢リソースまたは選択肢セットリソースを選択します。

• レコード選択肢セットでは、絞り込まれたレコードのリストを使用して複数のオプションが生成されます。
• 選択リスト選択肢セットでは、選択リスト項目または複数選択リスト項目の値を使用して複数のオプションが生成されます。
• 選択肢は、表示ラベルと値が手動で設定された 1 つのオプションを表します。

ヒント

選択肢リソースは、他の 2 つがどちらも使用できない場合にのみ使用することをお勧めします。レコード選択肢セットと選択リスト選択肢セットは設定が簡単で、選択肢ほどメンテナンスを要しません。

画面コンポーネントについて、もう 1 つの重要な考慮事項が、どのフローランタイム環境でサポートされているかということです。

フローには、Lightning ランタイムと Classic ランタイムの 2 つ異なるのランタイム環境があります。名前からわかるように、Lightning ランタイムの外観や動作は Lightning Experience に類似していて、Classic ランタイムの外観や動作は、Visualforce に類似しています。

ただし、この 2 つのランタイム環境はどちらのデスクトップ環境にも関連付けられていません。Salesforce Classic で Lightning ランタイムを使用することも、Lightning Experience で Classic ランタイムを使用することもできます。

Classic ランタイムの機能強化は実施されなくなりました。そのため、フロー画面の動作に関して機能強化を利用したい場合は、Lightning ランタイムを使用してください。

Lightning ランタイムではすべての画面コンポーネントがサポートされていますが、Classic ランタイムでは一部の画面コンポーネントがサポートされていません。コンポーネントに Lightning ランタイムが必要なことは、次の 3 つによって示されます。

• コンポーネントアイコンが稲妻である。
• コンポーネントでプレビューが使用できない。
• フローを保存するときに、画面コンポーネントに Lightning ランタイムが必要であるという警告が表示される。

1. [設定] から、[クイック検索] ボックスに「フロー」と入力し、[フロー] を選択します。
2. [New Contact (新規取引先責任者)] フローを開きます。
3. キャンバスで、[Contact Info (取引先責任者情報)] をダブルクリックします。

まずは、名前コンポーネントを見てみましょう。

• このコンポーネントは無効になっておらず、参照のみでもありません。
• このコンポーネントには、[姓] と [名] の項目のみが表示されます。(名前コンポーネントには、ミドルネームなどの他の名前項目も表示できます。)プロジェクトの名前コンポーネントに敬称が表示されていた場合は、オプションは [Mr. (様)]、[Mrs.(様)]、[Ms.(様)] になります。
• このコンポーネントの表示ラベルは [Name (名前)] です。

フローの他の部分で、ユーザが入力した [姓] と [名] の値を参照できるようにする必要があります。名前コンポーネントを使用すると、入力された値を参照するには、値を変数に保存するしかありません。そこで [出力値を保存] セクションを使用します。

[姓] と [名] の値は {!contact} レコード変数の項目に保存されます。

次に、[Account (取引先)] を見てみましょう。これは、選択リストコンポーネントです。

• このコンポーネントの表示ラベルは [Account (取引先)] です (1)。
• このコンポーネントではテキストの選択肢と選択肢セットのみがサポートされています (2)。
• 選択肢は、[accounts (取引先)] レコード選択肢セットを使用して生成されます (3)。

変数内で選択した選択肢の値を手動で保存する必要はありません。その代わりに、画面コンポーネントを API 参照名 (Account) によって参照できます。ユーザが取引先を選択すると、画面コンポーネントは選択された選択肢の値に設定されます。レコード選択肢セットの設定に基づき、選択肢の値は選択された取引先の ID になります。

最後は、切り替えコンポーネントです。

• 切り替えの横に表示されるテキストは [If this contact already exists, update the existing record. (この取引先責任者がすでに存在する場合は、既存のレコードを更新する。)] です。
• 切り替えが有効になっている場合は、表示ラベルは [Update existing (既存の更新)] です。
• そうでない場合は、切り替えの表示ラベルは [Create other contact (他の取引先責任者の作成)] です。

1. 「Build a Simple Flow (簡単なフローの作成)」プロジェクトで作成した [New Contact (新規取引先責任者)] フローをまだ開いていない場合は、開きます。
2. [画面] 要素をキャンバスにドラッグします。
3. 画面の表示ラベル (「Confirm」 (確認)) を設定します。
4. スクロールするか Tab キーを使用して [ナビゲーションを制御] セクションに移動して展開し、[前へ] を選択解除します。他の画面プロパティはそのままにします。
5. 画面に表示テキストコンポーネントを追加します。画面コンポーネントペインで、「テキスト」を検索し、[表示テキスト] をキャンバスにドラッグします。
6. 表示テキストコンポーネントの [API 参照名] に「confirmation_message」と入力します。次に、ユーザに感謝してフローの処理を確認するメッセージを作成しましょう。このフローには複数のブランチがあり、新しい取引先責任者が作成されるか、既存の取引先責任者が更新されます。理想的には、確認メッセージは「Thanks! The contact was created. (ありがとうございます。取引先責任者が作成されました。)」または「Thanks! The contact was updated. (ありがとうございます。取引先責任者が更新されました。)」となります。カスタム確認メッセージを表示するには、次の方法があります。
   • 両方の可能性に対応した静的な確認メッセージを 1 つ作成する。たとえば、「Thanks! The contact was created or updated. (取引先責任者が作成または更新されました。)」とします。このオプションは簡単ですが、ユーザはすぐに「どっちなのだろう?」と思うでしょう。
   • フローの結果によって変化する動的な確認メッセージを作成する。
   • 各可能性に別々の確認画面を作成する。(フローをすっきりさせておくために、この方法は最後の手段に取っておきましょう。)
   2 つのメッセージの間で変更があるのは 1 語だけなので、動的メッセージを機能させるために必要なのは簡単な数式です。
7. テキストボックスに「Thanks! The contact was XYZ.」 (ありがとうございます。取引先責任者が XYZ されました。) と入力します。(心配いりません。XYZ は数式のプレースホルダです。)

1. 表示テキストコンポーネントで、テキストボックスの上にある検索ボックスをクリックし、[新規リソース] をクリックします。
2. 次の値を使用して数式を設定し、[完了] をクリックします。

   項目	値
   リソース種別	数式
   API 参照名	created_or_updated
   データ型	テキスト
   数式	IF({!Create_Contact}, "created", "updated")

   
3. 表示テキストコンポーネントで、XYZ を数式への参照で置き換えます。数式を挿入するには、もう一度検索ボックスをクリックし、「created」と入力して、作成した数式を選択します。
4. 作成または更新された取引先責任者へのリンクを追加しましょう。数式は必要ありません。{!contact} レコード変数に保存されている取引先責任者レコードの ID を使用して相対リンクを作成します。
   1. 確認メッセージで、「The contact」を選択して をクリックします。
   2. キーボードの Delete キーまたは Backspace キーを使用して既存のテキストを削除してから、「/{!contact.Id}」と入力します。
   3. [保存] をクリックします。
5. [画面] 要素で、[完了] をクリックします。
6. フローを保存し、警告は無視します。画面は後ほど接続します。

• Salesforce ヘルプ: 画面要素リファレンス
• Salesforce ヘルプ: 提供される画面コンポーネント
• AppExchange: Flow Solutions (フローソリューション)
• Lightning Aura コンポーネント開発者ガイド: Aura コンポーネントを使用したフロー画面のカスタマイズ
• Trailhead: 数式と入力規則