---
schema_version: "1"
id: e628618f5fb04822847b7754f5ca90504ee1b29228846f9361d8fd59c5ef56c9
title: フォームの作成
collection: architect
version: current
locale: ja-jp
portal_url: https://docs.salesforce.com/architect/current/ja-jp/decision-guides/guides/build-forms.md
canonical_url: https://architect.salesforce.com/docs/architect/ja-jp/decision-guides/guide/build-forms.html
source_site: architect.salesforce.com
content_type: documentation
content_hash: 5f75d1bcee7df2d4949f93bece1dc6c5a03a9992a6563ff9b253cbdc66357cc9
products:
  - 決定ガイド
  - Architect Site Content Repo
updated_at: 2026-03-01T00:00:00Z
---
# フォームの作成

Agentforce 360 Platform でフォームを作成するオプションは複数あり、それらはローコードからプロコードまでのアプローチに及びます。この連続性の一方の端では、Lightning アプリケーションビルダーの動的フォームと Flow Builder の画面フローをローコードソリューションに使用できます。一方、プロコード ソリューションにはLWC(Lightning Webコンポーネント)フレームワークが使用されます。この連続性の中で、LWC によって拡張された画面フローと OmniStudio を使用して作成された顧客向けフォームを使用して、さまざまな方法でツールをブレンドできます。

## ガイドの概要

このガイドでは、UI ソリューションのフォームの作成に関する決定フレームワークとガイダンスについて説明します。具体的には、多数のランタイムと機能以外の決定ポイントを使用して、特定の使用事例に最適なテクノロジーを適切に選択します。

## ポイント

- **Lightning ページの作成/編集/表示レイアウトを作成する場合は、動的フォームを使用します。**今後は、_Lightning アプリケーションビルダー_で_動的フォーム_を使用してレコード詳細ページを設定することをお勧めします。

- **1 つのオブジェクトのフォームを作成、作成、編集する必要がある場合は、_Lightning ページ_と_動的フォーム_を使用します。**これは、Agentforce 360 プラットフォームでフォームを作成する最も簡単な方法です。また、追加機能 (項目表示制御など) も提供されます。

- **複数ページのフォームまたはウィザードを作成する場合、厳格な UX 要件やブランド要件がなければ、画面フローを使用します。**画面フローには、複数のフォームを調整するための線形ナビゲーションフレームワークが用意されています。LWC を使用して、フォーム間を移動する独自のフレームワークを構築できますが、フォームの状態ではなくフォームそのものに焦点を絞ることができるように、フローに任せることをお勧めします。

- **フォームをサポートする追加のロジックまたはアクションが必要な場合は、画面フロー、OmniStudio、または LWC を使用します。**これらの各ツールは、1 つのレコードの作成や編集以外にも拡張できるようにすることで、さまざまな方法でソリューションを強化します。この場合、「_さらに_」という用語は、高度なロジック (分岐や反復など)、または外部システムとの統合、メールの送信、ユーザーのモバイルアプリケーションへの通知の転送などのアクションを指します。

- **高度なUX要件がある場合、またはUI表示以外の機能を動的に管理する必要がある場合は、LWCまたはOmniScriptを使用します。**テーマ設定と列ベースのレイアウトを使用して満たすことができる要件については、ローコードビルダーで直接フォームを作成できます。ただし、フォームのスタイルを詳細に制御するには、LWC の柔軟性が必要です。Industries のお客様で、ピクセル単位の完璧なブランド設定が必要な場合や、複雑な階層データを使用している場合は、OmniStudio を使用します。OmniStudio を使用すると、複雑なビジネスロジックとデータ変換を処理できるコンシューマーグレードのフォームを作成できます。

- **テスト自動化をリリースする必要がある場合は、LWC を使用します。**どの LWC を埋め込むかに関係なく、LWC の単体テストを作成できます。これにより、複数のレコードを使用した一括テストやネガティブテストなど、より堅牢なテスト戦略を作成できます。

- **「いずれか/または」の決定に縛られません。**複数のオプションを組み合わせて、使用事例に最適なソリューションを実現できます (たとえば、フローの組み込みナビゲーションシステムと LWC が提供する完全なスタイル設定の柔軟性が必要な場合、それらを組み合わせて使用できます)。

## 範囲内のツール

フォーム環境を実装および拡張するためによく使用されるツールを次に示します。

### ツールの説明

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;">動的フォーム</th>
<th colspan="1" rowspan="1"><a href="https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_overview.htm&type=5">Salesforce Lightningアプリケーションビルダー</a>の<a href="https://help.salesforce.com/s/articleView?id=platform.dynamic_forms_migrate.htm&language=en_US&type=5">動的フォーム</a>では、モノリシックなレコード詳細コンポーネントが個別の設定可能な項目とセクションに分解されます。この機能により、管理者は項目を任意の場所に配置し、表示ルールを使用してユーザープロファイル、デバイス、データに基づいてコンポーネントを表示または非表示にすることで、柔軟でパフォーマンスの高いページを作成できます。これにより、ページが乱雑になるのを防ぐことができます。</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">Salesforce <a href="https://help.salesforce.com/s/articleView?id=platform.create_forms_with_screen_flow_components.htm&type=5">Screen Flow</a> は<a href="https://help.salesforce.com/s/articleView?id=platform.flow.htm&type=5">、Flow Builder</a> 内の対話型自動化ツールで、カスタマイズされたステップごとのビジネスプロセスを進むためにユーザー入力が必要です。自動化されたバックグラウンド フローとは異なり、画面フローには、コードを記述することなく、<a href="https://help.salesforce.com/s/articleView?id=platform.lightning_page_overview.htm&type=5">Lightningページ</a>、ボタン、カスタム アプリケーションを使用してデータの収集、情報の表示、アクションの実行を行うためのウィザードのようなユーザー インターフェイスが用意されています。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">Salesforce <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&type=5">OmniStudio</a>は、ガイド付きの業界固有のデジタル エクスペリエンスと複雑なビジネス プロセスを迅速に構築するために設計されたローコードのツール スイートです。開発者は、<a href="https://help.salesforce.com/s/articleView?id=xcloud.os_flexcardsbasics_8118.htm&type=5">FlexCard</a>や<a href="https://help.salesforce.com/s/articleView?id=xcloud.os_omniscripts_8355.htm&type=5">OmniScript</a>などのドラッグアンドドロップ・コンポーネントを使用して、ピクセル単位のユーザー・インタフェース（ガイド付きワークフローや動的ダッシュボードなど）を作成できます。OmniStudio では、宣言的に LWC を作成できます。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>Lightning Web コンポーネント</strong></td>
<td colspan="1" rowspan="1">Salesforce <a href="https://developer.salesforce.com/developer-centers/lightning-web-components">Lightning Web コンポーネント</a>は、HTML、CSS、最新の JavaScript を使用して構築された軽量なカスタム HTML 要素で、優れた Salesforce UI パフォーマンスを実現するためにブラウザーでネイティブに動作するように設計されています。開発者は、<a href="https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/intro_framework.htm">Aura</a>コンポーネントと共存するカスタムユーザーインターフェースを作成できるため、業界標準と詳細なコンポーネントエコシステムを通じて開発を促進できます。</td></tr></table>

### ツールスキルセットとライセンス要件

次の表に、Salesforce でフォームを作成するために使用できるツールと、必要なスキルおよびライセンスの考慮事項を示します。

**注意:**各ツールでサポートされている特定の機能、クリック ベースのツールとコード ベースのツールのどちらを選択するか、および組み合わせるタイミングについては、後のセクションで詳しく説明します。

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">設定</th>
<th colspan="1" rowspan="1">その他のライセンス要件</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">ローコード</td>
<td colspan="1" rowspan="1">なし</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">ローコード</td>
<td colspan="1" rowspan="1">なし</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">ローコード + プロコード</td>
<td colspan="1" rowspan="1">業種パッケージ</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フローと Lightning Web コンポーネント</strong></td>
<td colspan="1" rowspan="1">ローコード + プロコード</td>
<td colspan="1" rowspan="1">なし</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>Lightning Web コンポーネント</strong></td>
<td colspan="1" rowspan="1">プロコード</td>
<td colspan="1" rowspan="1">なし</td></tr></table>

## 決定ポイント

商品とツールを選択するときには、いくつかの決定ポイントに留意してください。この表は、さまざまな決定ポイントの概要と高レベルのガイダンスを示しています。

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;">決定ポイント</th>
<th colspan="1" rowspan="1">ガイダンス</th></tr>
<tr><td colspan="2" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>実行時ユースケースカテゴリ</strong></td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>Form Scope and Navigation</strong> → フォームのスコープとナビゲーション</td>
<td colspan="1" rowspan="1">フォームのすべての項目を 1 つの画面に論理的に収まるようにするか、ユーザーが複数の画面間を移動できるようにする必要があるかを決定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>場所</strong></td>
<td colspan="1" rowspan="1">Salesforce アプリケーション内からモバイルアプリケーション、外部 Web サイトまで、フォームを埋め込む場所を特定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>コントローラー</strong></td>
<td colspan="1" rowspan="1">データ変換や外部システムとのインテグレーションなど、ユーザーがフォームを操作しているときにバックグラウンドで実行する必要があるアクションやロジックを特定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>入力規則</strong></td>
<td colspan="1" rowspan="1">Salesforce が提供する標準システムレベル検証を超える追加の入力検証要件があるかどうかを確認します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>インタラクション設計</strong></td>
<td colspan="1" rowspan="1">フォーム内で動的応答をトリガーする必要があるインタラクションまたは条件の種別を特定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>スタイル</strong></td>
<td colspan="1" rowspan="1">目的のスタイルと CSS の要件に必要な洗練度を決定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>レイアウト</strong></td>
<td colspan="1" rowspan="1">フォームのレイアウト要件 (必要な列数、タブ数、アコーディオン数など) と、繰り返しデータブロックを表示する機能を特定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>トランスレーション</strong></td>
<td colspan="1" rowspan="1">フォームを他の言語にローカライズする必要があるかどうかを決定します。</td></tr>
<tr><td colspan="2" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>機能以外の考慮事項</strong></td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>セキュリティ</strong></td>
<td colspan="1" rowspan="1">特定の操作を実行する前にフォームでユーザーのアクセス権を確認するかどうか、フォームにアクセスできるユーザーを制御するかどうか、フォームを埋め込む場所を制御するかどうかを決定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>オブジェクトへの影響</strong></td>
<td colspan="1" rowspan="1">フォームを 1 つのオブジェクトに対して操作するのか、複数のオブジェクトに対して操作するのかを決定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>UI テストの自動化</strong></td>
<td colspan="1" rowspan="1">DevOps プロセスでフォームの自動単体テストと自動エンドツーエンドテストのどちらを実行する必要があるかを判断します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>メトリクス</strong></td>
<td colspan="1" rowspan="1">ページビュー、フォームに費やした時間、完了率、成功率など、フォームの利用状況を追跡する方法を特定します。</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>パッケージ化と展開</strong></td>
<td colspan="1" rowspan="1">フォームの作成後に配布または展開する方法を決定します。</td></tr></table>

**注意:** 後続の決定比較表には、ツールと機能のペアに関連付けられたいくつかの値があります。

- **使用可能:** このツール/機能は、基本的な考慮事項に従って動作します。

- **利用不可:** 今後 12 か月以内にサポートを追加する予定はありません。

- **最適でない:** このツール/機能は機能する可能性がありますが、最適なツールではありません。

- **該当なし:** このツールは特定のユースケースには適用されません。

## 使用事例

次のシナリオを使用して、範囲、UX、運用ニーズに基づいてツーリングの選択肢を比較します。

### フォームの範囲とナビゲーション

1 つの画面フォームからすべてのユーザー入力を取得できる場合は、動的フォームから開始します。レコードページの動的フォームでは、パス機能を利用して段階的なビジネスプロセスをサポートできます。

#### 尋ねる質問

- 1 つの画面が必要ですか? それとも、ユーザーが ToDo を完了するために複数の画面間を移動する必要がありますか?

- ユーザーがフォームに入力するときに、プロセスの進捗状況を視覚的に確認できるようにしますか?ユーザーは各画面の情報を特定の順序で入力する必要がありますか? それとも、必要に応じて画面間を行き来できる必要がありますか?

動的フォームで提供される機能よりも多くの機能が必要な場合、フロー、OmniStudio、LWC のいずれかを選択するかどうかは、いくつかの追加の質問によって異なります。

- フォームの下部にナビゲーションバーを表示しても問題ありませんか?画面フローとOmniScriptのナビゲーションエクスペリエンスが望ましくないUXを提供する場合は、LWCを検討してください。

- フォームの背後で何を実行する必要があるか?システム管理者が設定できる動作が必要な場合は、フローを使用します。複雑な複数オブジェクトリレーションの場合は、_Omniscript_ または _LWC_ を使用します。

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">単一画面</th>
<th colspan="1" rowspan="1">マルチ画面フォーム</th>
<th colspan="1" rowspan="1">進行状況インジケーター</th>
<th colspan="1" rowspan="1">ステップ/画面間のジャンプナビゲーション</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">理想的ではない</td>
<td colspan="1" rowspan="1">理想的ではない</td>
<td colspan="1" rowspan="1">理想的ではない</td></tr></table>

フローまたは OmniStudio を選択した場合は、適切な UX を実現するために LWC の構築が必要な場合もあります。フォームのスタイルを正しく設定するために LWC をすでに作成している場合は、[そのコンポーネントを](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_flow)フローに埋め込む必要があるかどうかを検討してください。

**ウィザードスタイルのナビゲーション**

一方、ソリューションがウィザード (ユーザーが複数の画面間を移動する) のように見える場合は、フローまたは OmniStudio を検討します。フローと OmniStudio にはナビゲーションモデルが組み込まれているため、複数の LWC を作成して管理する必要はありません。ナビゲーションは直線的で、前方に進むアクション、後方に戻るアクション、そしてフォームを後で保存するためのメカニズムがあります。目的に応じて、非線形ナビゲーションを使用するフォームを作成することもできます。

OmniStudio では、フォーム内のステップを表示する標準ナビゲーションから進行状況インジケーターが表示されるため、ナビゲーション上の重要な利点があります。ステップビューには、ユーザーが複数ステップフォームのどこにいるかが自動的に表示されます。フローとは異なり、ユーザーはフォーム全体のさまざまなステップをクリックして画面間を移動できます。

単一画面フォームを作成するか複数画面フォームを作成するかに関係なく、ユーザーが操作しやすいようにフォームを合理化することが重要です。

### フォーム要素

標準 Lightning レコードページにフォームを埋め込む場合、比較対象のツールはどれも動作しますが、動的フォームは現在デスクトップでのみ使用できます。ユーザーが他の場所からフォームにアクセスできる環境を提供する場合、代替オプションを考慮する必要がある場合があります。

#### 尋ねる質問

- ユーザーはデスクトップ、モバイル、またはその両方からフォームにアクセスする必要がありますか?

- ユーザーがユーティリティバーを使用してアプリケーションのどこからでもフォームにアクセスできる必要がありますか?

- クイックアクションを有効にして、ユーザーが現在のページから移動せずにフォームに入力できるようにしますか?

- フォームを外部 Web サイトで使用可能にする必要がありますか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">Lightning レコードページ</th>
<th colspan="1" rowspan="1">Lightning ホームページまたはアプリケーションページ</th>
<th colspan="1" rowspan="1">Aura Experience Cloud サイト</th>
<th colspan="1" rowspan="1">LWR Experience Cloud サイト</th>
<th colspan="1" rowspan="1">組み込みSnap-Ins</th>
<th colspan="1" rowspan="1">ユーティリティバー</th>
<th colspan="1" rowspan="1">オブジェクト固有のアクション</th>
<th colspan="1" rowspan="1">グローバルアクション</th>
<th colspan="1" rowspan="1">Salesforce モバイルアプリケーション*</th>
<th colspan="1" rowspan="1">Field Service Mobile</th>
<th colspan="1" rowspan="1">Mobile SDK</th>
<th colspan="1" rowspan="1">外部サイトおよびアプリケーション</th>
<th colspan="1" rowspan="1">カスタム LWC</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能**</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">理想的ではない</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="14" rowspan="1" style="border-right: 1px solid #d8dde6;">*フローと LWC は Salesforce モバイルアプリケーションでサポートされていますが、フローと LWC の埋め込み方法のすべてはサポートされていません (たとえば、オブジェクト固有のアクションはモバイルではサポートされますが、ユーティリティバー項目はサポートされません)。<br><br>** Salesforce Field Service Mobile アプリケーションには、データキャプチャ が含まれます。Data Capture は、最新のフロー機能をサポートする、専用のオフラインランタイムを備えたフローエンジン上に構築されたオフラインファーストフォームソリューションです。このアプリケーションには、古いカスタムオフラインエンジンで実行される従来の Field Service Mobile フローも含まれますが、最新のフロー機能の多くはサポートされません。</td></tr></table>

動的フォーム機能にはレコードコンテキストが必要なため、Lightning レコードページでのみサポートされます。ただし、動的フォームは Experience Cloud ページではサポートされません。

レコードコンテキストを必要とするフローや、グローバルに機能するフローを作成できます。つまり、さまざまな場所にフローを埋め込むことができます。レコードコンテキストフローの場合、ロケーションには Lightning レコードページ、Experience Cloud レコードページ、オブジェクト固有のアクション、またはアクション & おすすめリリースが含まれることがあります。グローバルフローの場合、ロケーションにはユーティリティバー、他の Lightning またはエクスペリエンスビルダーページ、Snap、外部アプリケーションが含まれることがあります。現在、フローはグローバルアクションとしてサポートされていませんが、回避策として _Aura_ コンポーネントで_フローをラップ_できます。

OmniStudioでは、フローを配置できる_ほとんど_の場所に配置できるコンポーザー可能なFlexCardとOmniScriptを作成できますが、これらはコンポーザー可能ですが、パッケージ化することはできません。

LWC は、Salesforce、コミュニティ、オープンソースプロジェクト全体でメタデータを使用して対象に関連付けることができるコンポーネントを作成するための高度な再利用性を提供します。LWC コンポーネントは、[Lightning Out 2.0](https://developer.salesforce.com/docs/platform/lwc/guide/lightning-out-intro.html) を使用して独自の Web サイトに組み込むこともできます。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-locationnoheader.png" alt="Lightning Out on External Sites" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

LWC コンポーネントは、[Lightning-Flow](https://developer.salesforce.com/docs/component-library/bundle/lightning-flow/documentation) コンポーネントを使用してフローを起動することもできます。

OmniStudio は、OmniOut 機能を使用してコンテンツを外部サイトに公開するのに適しています。OmniStudio と OmniOut を使用すると、OmniScript フォームと FlexCard コンポーネントを標準コンポーネントにコンパイルし、サードパーティサイトまたはアプリケーションでプラットフォーム外で実行できます。

現在、このガイドで取り上げているフォーム技術は、Mobile SDK テンプレートでは正式にサポートされていません。Mobile SDK が使用事例に不可欠である場合は、フォーム要素を念頭に置いて、モバイルアプリケーションでネイティブにフォームを作成するか、Visualforce ページを作成することをお勧めします。

### ロジック

動的フォームは、フォームの値を使用してレコードを作成または更新する必要がある場合に最適です。この範囲外の機能 (決定レイヤーや反復レイヤーの作成、フォームからの入力を使用した Slack 投稿やメールの生成など) には、フロー、OmniStudio、または LWC を活用する必要があります。

#### 尋ねる質問

- バックグラウンドで実行する必要があるアクションまたはロジックは?

- 関連レコードの値を使用する必要がありますか?

- フォームの操作は 1 つのトランザクション内で完了する必要があるか、複数のトランザクションで完了する必要があるか?

- 外部システムと統合する必要がありますか?

- 再利用性とモジュール性の要件は?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">ログとアクション</th>
<th colspan="1" rowspan="1">階層データ管理</th>
<th colspan="1" rowspan="1">1 つのトランザクション内で操作</th>
<th colspan="1" rowspan="1">複数のトランザクションでの操作</th>
<th colspan="1" rowspan="1">Integration の制限と考慮事項」</th>
<th colspan="1" rowspan="1">モジュラー設計と再利用</th>
<th colspan="1" rowspan="1">パッケージ</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr></table>

フローには、Slack への投稿、メールの送信、Quip 文書の操作を行うための標準アクションが用意されており、これらの操作のコードを記述する必要はありません。LWCは、[ユーザー インターフェイスAPI](https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_get_started.htm)を操作するワイヤ アダプタを介して、1つのレコードと関連オブジェクトとの豊富なインタラクションを提供します。LWC は、[getListInfoByName](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/reference_get_list_info_by_name.html) の回線を使用して複数のレコードを操作することもできます。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-controllernoheader.png" alt="LWC Interaction via Wire Adapters" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

OmniStudio では、インテグレーション手順とデータマッパーを使用して (Salesforce の外部と内部の両方で) データを取得して変換します。多数のコードフリー関数により、さまざまなレベルのリレーションでデータセットをフラット化および拡張することに長けています。

フロー、OmniStudio、LWCはすべてApexと統合されるため、選択したソリューション内のギャップを簡単に埋めることができます（たとえば、LWCからのレコードを絞り込む必要がある場合は、Apex用のワイヤ・アダプタを使用して複雑なSOQLクエリを作成できます。クリック ベースのストーリーに悩まされている場合は、サーバー側のニーズに合わせて、Apexコントローラーに代わる実行可能な方法としてフローまたはOmniStudioを使用することを検討してください。

また、アクションをすぐに確定するか、フォームの特定の部分に割り当てるかを検討する必要があります。これは、複数ページのフォームを使用している場合に特に関連します。フローでは、複数のフォーム (フロー画面) からの入力を簡単に結合し、後でウィザード (フロー) で特定の操作を実行できます。これは、まさにフローの設計で推奨される方法です。最後にアクションを実行します (ユーザーが回答を変更するために画面を行き来する場合)。

#### 支配オペレーション

トランザクションと [PfR の制限](https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_gov_limits.htm)は、Agentforce 360 Platform に不可欠です。使用事例が非常に単純な場合、特定の操作が発生するトランザクションを制御することはさほど重要ではない可能性があります。ただし、複数の操作を複数の[トランザクション](/docs/architect/ja-jp/fundamentals/guide/architecture-basics#トランザクション)で実行するのではなく、1 つのトランザクションに組み合わせる必要がある使用事例がいくつかあります。

いくつかの例を次に示します。

- **ロールバック:** フォームのバックグラウンドで複数のレコードを作成するとします。3 番目のレコードの作成に失敗した場合、最初の 2 つのレコードをロールバックする必要がありますか?各アクションが互いに独立している場合は、個別のトランザクションとして実行できます。ただし、相互に連動していて、一方の障害で他方もロールバックする場合は、それらを 1 つのトランザクションとして実装する必要があります。フォームがフロー内にある場合、障害パスのロールバック要素を使用してトランザクションをロールバックし、データの整合性を確保できます。

- ガバナの**下流への影響**: フォームでレコードを作成または更新するときに、その操作の下流への影響を考慮することが重要です。

  - 提案されたレコード変更に基づいて、保存順序内のどのプロセス、ワークフロールール、フロートリガー、Apexトリガー、またはその他のアイテムが起動されるか？

  - これらの変更全体が、そのトランザクション内でコンシュームされているガバナー制限にどのように影響しますか？

  - 特定のレコードの変更によってダウンストリームの変更が多数発生し、制限に影響する可能性がある場合は、そのレコードの変更をそのトランザクション内で分離することを検討することをお勧めします。

- **一括処理:** 複数の更新をまとめて一括処理する必要がある場合があります (UI コンテキスト内であっても)。複数画面フォームで大量のレコードを反復処理するとします。各画面の後にレコードの更新を確定するのではなく、すべてのレコードの更新を収集するまで待ってから、すべてのレコードを更新する 1 つの要求を送信します。

動的フォームを使用してレコードを作成または編集する場合、1 つの操作のみを実行し、その操作は常に純新規トランザクションの開始になります。

画面フローを作成する場合、特定のトランザクション内で何を実行するかを大幅に制御できます。画面とローカルアクションは、トランザクション間の境界として機能します。画面フローアーキテクチャ内でトランザクションがどのように管理されるかの概要を次に示します。

1. エンドユーザーは画面を操作し、\[**次へ]** をクリックします。

2. クライアントが入力要求を API に投稿します。

3. API が要求を受信し、トランザクションとデータベース接続を開きます。次に、API がフローエンジンをコールして要求を呼び出します。

4. フローエンジンは、画面またはローカルアクションノードに到達するまで、フロー定義の適切なパスを引き継ぎ、辿ります。次に、エンジンはそのノードに関する情報を API に返します。

5. API は、次に表示する画面の詳細を含む応答オブジェクトを作成し、そのオブジェクトをクライアントに返します。この時点で、[保存順序の実行](/docs/architect/ja-jp/fundamentals/guide/architecture-basics#データベース操作)に従い、データベースの変更が確定され、データベース接続とトランザクションが閉じられます。

6. クライアントは API 応答を使用して、ユーザーが操作する次の画面を表示します。

7. ステップ 1 から開始し、プロセスを繰り返します。

つまり、画面によってトランザクションが中断されます。この場合、待機中のアクションまたは DML がコミットされ、前のトランザクションがクローズされ、新しいトランザクションが開始されます。
<image src="https://architect.salesforce.com/ns-assets/guide-forms-flow1.png" alt="multi-screen flow" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />
特定の設計要素 (特定のトランザクションにどの操作をグループ化するか) はユーザー次第です。

いくつかの例を次に示します。
<image src="https://architect.salesforce.com/ns-assets/guide-forms-flow2.png" alt="screen flow with separate transactions" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

- 開始すると、複数の画面で入力を収集し、1 つのトランザクション内で複数のアクションを実行するフローが表示されます。
- 次のフローでは、各操作を個別のトランザクションで実行します。
- フローでは、レコードのロールバックを使用して、一連のデータベース操作で 1 つの操作が失敗した場合にトランザクション全体をロールバックすることもできます。
  <image src="https://architect.salesforce.com/ns-assets/guide-forms-flow3.png" alt="Screen Flow with multiple create records" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />
  レコードを作成し、レコードを更新して、追加のレコードを作成するフローがあるとします (次のフローを参照)。

このシナリオでは、最初の 2 つの要素が成功し、最後の 2 つの要素が失敗した場合、最初の 2 つの DML 操作で引き続き適切なレコードが作成および更新されますが、3 つ目の要素は作成および更新されません。
<image src="https://architect.salesforce.com/ns-assets/guide-forms-flow4.png" alt="Screen Flow with Rollback" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />
\[レコードをロールバック] 要素を使用すると、3 つの操作をすべてまとめて実行する必要がある場合 (最終フローを参照)、トランザクション全体をロールバックできます。

**注意:** 詳細は、「[Flows in Transactions](https://help.salesforce.com/articleView?id=flow_concepts_transaction.htm) (トランザクションのフロー)」および「[Flow Bulkification in Transactions](https://help.salesforce.com/articleView?id=flow_concepts_bulkification.htm) (トランザクションのフローの一括処理)」を参照してください。

LWC からトランザクションを制御できるかどうかは、LWC が操作を実行するために使用している基盤となるサービスに基づきます。Lightning レコードフォームベースコンポーネントを使用している場合、フォームの送信時に、基礎となる操作 (レコードの作成または更新) がスタンドアロントランザクション内で実行されます。

一般に、次のルールが適用されます。

- 各 UI API コールは、独自のトランザクション内で分離されます。

- 1 つのトランザクション内で複数の操作を実行する必要がある場合は、入力をサーバ側テクノロジー (Apex コントローラやフローなど) に送信します。そのテクノロジーの通常のトランザクションルールは引き続き適用されます。

#### 外部統合

フロー、OmniStudio、LWC はすべて、プラットフォームイベント ([イベント駆動型アーキテクチャ](/docs/architect/ja-jp/decision-guides/guide/event-driven)用) と API インテグレーションをサポートしています。カスタム Apex コードに加えて、フローとOmniStudioにはAPIと統合できる宣言型サポート機構があります。

MuleSoft API または RPA ボットに接続する必要がある場合は、外部サービスが生成されるため MuleSoft サービスを使用します。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-integrations-mulesoftnoheader.png" alt="External integrations via MuleSoft" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

API に OpenAPI スキーマがある場合は、外部サービスを作成します。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-integrations-openapi-noheader.png" alt="External Integrations via OpenAPI" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

その他のすべてのインスタンスでは、フローの **HTTP コールアウト**機能 (外部サービスを使用) または OmniStudio の **HTTP アクション**を使用します。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-integrations-callouts-noheader.png" alt="External integrations via HTTP" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

OmniStudio には、インテグレーション手順を使用して外部システムにコールアウトし、データマッパーを使用してデータを変換できる豊富なインテグレーション機能が備わっています。

実装にカスタム Apex コードを使用するか外部サービスを使用するかに関係なく、**コールアウト**は引き続きコールアウトです。

必要な知識は次のとおりです。

- コールアウトの処理に非常に時間がかかる場合があります。

- コールアウトが同期的に実行される場合は、データベーストランザクションが開いている間に実行されます。

- 待機中のデータベース操作がある場合、Salesforce ではデータベーストランザクションを開いたままにすることはできません。

主な制限は、データの**作成**、**更新**、または**削除**操作を実行してから同じトランザクション内で**コールアウト**を実行するときに、データが不整合状態のままになる危険性です。このパターンは、上記の 3 番目の考慮事項により許可されません。これは、最初の 2 つの考慮事項により存在します。

フローでは、トランザクションを破棄することでこの制限をスキップできます。画面とローカルアクションにより、ブラウザコンテキストが再び導入されます。外部コールアウトを使用するときは画面とローカルアクションを使用できますが、呼び出し可能な詳細設定で**トランザクション制御を**有効にすることをお勧めします。トランザクション制御では、コールアウトが実行される前にトランザクションを自動的に終了できます。トランザクション制御を有効にするには、呼び出されたアクションの \[**詳細]** セクションで \[**常に新規トランザクション**を開始] を選択します。
<image src="https://architect.salesforce.com/ns-assets/guide-forms-flow5.png" alt="External Integrations via Callouts" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />
LWC は、コールアウトがトランザクションに及ぼす影響を最小限に抑えるのに役立ちます。つまり、Lightning Data Service(LDS)を使用してデータ操作を実行し、Apexコントローラを使用して外部コールアウトを実行します。LDSコールは(Apexコールアウトとは別に)独自のトランザクション内で分離されるため、結果として生じるデータの不整合から保護されます。

#### 再利用性とモジュール性

動的フォームでは再利用はサポートされません。各 Lightning レコードは、特定のオブジェクトの特定の Lightning レコードページに関連付けられていますが、その Lightning レコードページを複数のアプリケーションやプロファイルなどに割り当てることができます。

複数のコンポーネントで使用できるライブラリ、ユーティリティー、およびコンポーネントを記述する方法と同様に、**サブフロー**の機能を利用してフローを作成するときにも、同様のデザインパターンを適用できます。これを行うには、フローを小さなモジュラ バケットに保存し、**サブフロー**要素を使用して他のフローからコールします。設計で必要な場合は、単独で、またはサブフローとして役立つフローを作成できます。

OmniStudio は、本質的にモジュール化を目的として構築されています。データマッパー、OmniScript、FlexCard、Integration Procedure はすべて独立して構築されていますが、相互に連携することもできます。FlexCard は、他の LWC、OmniScript、レコードページ、Experience Cloud サイト内に組み込むことができる LWC コンポーネントとして作成することもできます。

画面フロー、OmniScript、LWCはすべて再利用できるように構築でき、外部サイトやLightning Outアプリケーションなど、さまざまな場所に埋め込むことができます。ソリューションを構成できるように設計すると、適応性と安定性のメリットも得られます。

### 入力規則

レコードの作成または更新に使用されるすべてのテクノロジーは、従来の入力規則であるか、Apexトリガーに組み込まれたカスタム入力規則であるかに関係なく、システムレベルの入力規則に準拠する必要があります。レコードの変更を実行するために使用しているテクノロジーに関係なく、すべての変更は保存順序に従う必要があります。つまり、入力規則に加えて、レコードの変更は多数の保存前または保存後フロー、トリガーの前または後、エスカレーションルール、割り当てルールなどによっても処理されます。

**注：** Apex [の実行順序](https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_triggers_order_of_execution.htm)をまだ確認していない場合は、確認してブックマークします。

#### 尋ねる質問

- フォームにシステムレベルの検証以外の追加要件はありますか?

- フォーム内で必須項目または参照のみ項目を動的に設定する必要がありますか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">システムレベルの検証を尊重する</th>
<th colspan="1" rowspan="1">このフォームに固有のカスタムフィールドレベル検証</th>
<th colspan="1" rowspan="1">カスタムフィールドレベル検証</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr></table>

通常、フロー画面または OmniScript ステップの入力はバインドされていないため、フォーム自体は特定のオブジェクトに関連付けられたシステムレベルの検証にネイティブに準拠しません。ただし、レコードを作成または更新するために使用する値は保存順序で処理されます。つまり、オブジェクトのシステムレベルの検証を通過します。

**注：** 一部の画面フローコンポーネントでは入力の妥当性検査がサポートされていません。

動的フォームでは、ページレイアウトと同様に、ページレベルで**必須**状態と**参照のみ**状態を設定できます。システムレベルの設定を上書きすることはできません。

フローでは、フォーム入力の検証を柔軟にカスタマイズできます。複数のチェックがクライアントレベルで実行されます (欠落している必須項目やデータ型のチェック、入力規則内の互換性のある数式へのフラグ付けなど)。セキュリティレベルを強化するために、入力検証もサーバーで評価されます。ユーザーが \[**次へ]** をクリックすると、フローは入力をサーバーに再度送信して検証します。無効な入力が返されると、ナビゲーションがブロックされ、適切なエラーが表示されます。

サーバーは次のチェックを行って入力を検証します。

- 入力の**必須**設定、または入力された値が基礎となるデータ型と互換性があるかどうか。

- 入力のカスタム検証。_Boolean_ 型の数式と、数式が満たされない場合に表示するエラーメッセージを指定する必要があります。

- 基盤となるコンポーネントのカスタム検証。フローのカスタム LWC を作成する場合、validate() メソッドに独自の検証コードを追加する必要があります。

画面フローの**メッセージ**コンポーネントを使用してアクセス可能なユーザーアラートを提供することもできますが、ユーザーが他のページに移動したり、ガイド付きフローの次のステップに進むことを妨げることはありません。**メッセージ**コンポーネント内の_エラー_状態は、ナビゲーションが無効になっている場合に障害パスを介してトリガーされる専用のエラー画面に最適です。

OmniStudio は、\[エラーを設定] アクションと[条件付きビュー](https://help.salesforce.com/s/articleView?id=sf.os_conditionally_display_elements_using_the_conditional_view_property.htm&type=5)および[メッセージング](https://help.salesforce.com/s/articleView?id=sf.os_display_messages_in_omniscripts_19551.htm&type=5)コンポーネントの組み合わせにより、[堅牢なエラー](https://help.salesforce.com/s/articleView?id=sf.os_set_errors_in_an_omniscript.htm&type=5)および検証処理を特徴としています。

LWC の場合、ほとんどのベース コンポーネントは独自のクライアント側検証を実行します（たとえば、Lightning-record-form ではシステム レベルの必要性は考慮されますが、ページ レベルの必要性は考慮されません）。カスタムコンポーネントの場合は、独自の検証メカニズムを作成できます。

ユーザーがデータを入力する必要がある項目は、フォームの先頭に表示される必要があります。フォームを送信する前に (可能な場合) クライアント側でユーザー入力を検証します。

### インタラクションデザイン

静的フォームは時代遅れです。現在では、_特定_のタイミングで_特定_のユーザー向けに_特定_の場所で適切なプロパティと値を使用してフォームを動的に更新することに重点が置かれています。Salesforce フォーム作成ツールを使用して何が実現できるかを詳しく見てみましょう。

#### 尋ねる質問

- フォーム内で動的応答を引き起こすインタラクションや条件の種類は何ですか？

- フォームの入力中に画面外 (バックグラウンド) 操作を実行する必要がありますか?

- フィールドを**表示**、**必須**、**参照のみ**、または**無効**として設定する必要があるか、フォーム入力に基づいて書式を変更する必要があるか。

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">画面外データ操作の実行</th>
<th colspan="1" rowspan="1">条件値と計算</th>
<th colspan="1" rowspan="1">条件付き表示</th>
<th colspan="1" rowspan="1">条件付き必須</th>
<th colspan="1" rowspan="1">条件付き書式</th>
<th colspan="1" rowspan="1">条件付き参照のみの状態</th>
<th colspan="1" rowspan="1">条件付き無効化状態</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="8" rowspan="1" style="border-right: 1px solid #d8dde6;">*静的チェックボックスではなく、リソースピッカーを使用するコンポーネントに制限されます。</td></tr></table>

**Reactive Screens**は、Screen Flowのインタラクティブ性を有効にします。リアクティビティを使用すると、フロー画面の個々のコンポーネントが相互に通信できるため、画面フローがより強力になります。

**画面外データ操作の実行**

画面フローでは、**画面アクション**を使用して同じ画面でデータを取得する宣言型のアプローチが提供されます。画面アクションを使用すると、画面内の変更時、またはユーザーが**アクションボタン**コンポーネントをクリックしたときに自動起動フローをトリガーできます。自動起動フローの結果を同じ画面にマッピングできるため、ユーザーは別の画面に移動する必要がありません。

LWC には、Salesforce データにアクセスしてフォーム・コンポーネントにデータを動的に入力するためのさまざまなワイヤ・アダプタが用意されています。これにより、開発者は Apexコントローラを使用してレコード**を更新**、**削除**、**作成**できます。
<image src="https://architect.salesforce.com/ns-assets/legacy/buildingformsguidediagrams-offscreendataoperations-noheader.png" alt="Lightning Web Components Off-Screen Data Operations" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />

**表示**

表示は、すべてのフォーム作成ツールで動的に制御できます。動的フォーム、Flow Builder、OmniStudio では、コンポーネント表示機能を使用してこれに対応します。フォーム内の他の値、またはユーザーがモバイルデバイスでフォームに入力しているかどうかに基づいて、宣言的にフィールドを**表示**または**非表示に**できます。

- 動的フォームは、レコードフィールド値、参照フィールド、フォームファクターに基づいて表示を制御します。

- フローでは、他の画面入力や、フローの前半で入力された他のリソース (数式や他のレコードの値など) に基づいて表示ルールを設定できます。

  - **デバイスベースのルール:** 最初から明確ではないかもしれませんが、ユーザーがモバイルデバイスを使用しているときに数式を使用して特定のフィールドを**表示**または**非表示**にできます。**$User.UIThemeDisplayed** グローバル変数の値をチェックするフロー数式を記述します。値が **Theme4t** の場合、ユーザーは Salesforce モバイルアプリケーションを使用してフォームに入力しています。

  - **Evaluate Other Resources (**その他のリソースを評価): 手動変数および数式参照は、サーバ上でのみ評価されます。つまり、画面が最初に表示されるときのリソースの値は、別の画面に移動するまでの値になります。ナビゲーション中に、フローランタイムはフローエンジン (サーバー) に要求を送信し、最新の手動変数値と数式値を返します。ユーザーが 1 つの画面を通過するときに表示ルールが更新されることが予想される場合 (onblur など)、画面の他のコンポーネントの値のみを参照していることを確認する必要があります。

- OmniStudio では、\[**条件付きビュー**] プロパティを設定することで、コンポーネントを条件付きで**表示**または非**表示に**できます。ただし、1 つの入力に複数の \[条件付きビュー] プロパティを追加することはできません。

**条件付き入力状態**

他のプロパティを動的に制御する必要がある場合 (フィールドが**必須**か、**無効**か、**参照のみか**など)、いくつかのオプションがあります。LWC では、入力状態を完全に反応的に制御できます。反応型画面フローコンポーネントを使用すると、そのコンポーネントをサポートする標準コンポーネントのコンポーネント属性 (**参照のみ**、**無効**、**必須**など) を動的に制御できます。OmniStudio では、コンポーネント固有の属性の全範囲がサポートされます。要件によってフローが必要と判断され、コンポーネントで特定の属性状態がサポートされていない場合は、埋め込み可能な LWC を作成して動的入力状態を実現できます。

他のプロパティを動的に制御する必要がある場合 (フィールドが**必須**か**参照のみか**など)、短期的には LWC を使用します。これは、完全に制御できるためです。これは、onblur や onclick の処理方法に関するカスタム要件がある場合に特に当てはまります。

**画面フローの反応型 LWC**

画面フローの他のコンポーネントに反応して変更できる LWC を作成する場合は、『画面フローの [LWC ベストプラクティス](https://developer.salesforce.com/blogs/2023/02/lwc-best-practices-for-screen-flows)』ガイドを参照して、コンポーネントがフローランタイムエンジンと統合され、意図したとおりに機能することを確認してください。

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">標準イベント処理 (onblur、onfocus)</th>
<th colspan="1" rowspan="1">カスタムイベント処理</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">使用可能*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="3" rowspan="1" style="border-right: 1px solid #d8dde6;">*OmniStudio 標準ランタイムでは Pub/Sub はサポートされていませんが、Windows postMessage はサポートされます。</td></tr></table>

カスタムイベントの場合、入力の一部 (またはフォーム全体) がページの別の要素と通信する必要がある場合、LWC が唯一のオプションです。

- 同じ DOM ツリー内で通信するには、[CustomEvent インターフェイス](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.events)を使用します。

- DOM 間で通信するには、[Lightning Messaging Service](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_message_channel) を使用します。

- Lightning Messaging サービスが対象コンテナで[サポートされ](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.use_message_channel_considerations)ていない場合は、pub/sub モジュールを使用します。

#### インタラクション設計に関するその他のリソース

- 詳細については、『_Lightning Web Components Dev Guide_』の「[Communicate with Events](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/events) and [Communicate Across the DOM](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.events_pubsub)」を参照してください。

- OmniStudio の場合は、「Lightning Web コンポーネントからの [OmniScript との通信](https://help.salesforce.com/s/articleView?id=sf.os_communicate_with_omniscript_from_a_lightning_web_component_18222.htm&type=5)」を参照してください

### スタイル

最適なユーザーエクスペリエンスを提供するには、フォームのスタイルが埋め込まれている他のアプリケーションやサイトと一貫していることを確認することが重要です。これは、Salesforce で提供される標準テンプレートを使用するか、デザインのすべてのピクセルを使用してよりシャープなデザインを提供するカスタム CSS を作成することを意味します。

#### 画面フローのスタイルの上書き

システム管理者は、画面コンテナまたは個々のコンポーネントに対して、制限された画面およびコンポーネントのスタイル設定の上書き (色、境界線、ボタンの表示など) を設定できます。これらの上書きはテーマとブランド設定の後に適用されるため、ビルダーはアプリケーションの他の部分に影響を与えることなく対象を絞った視覚的な調整を行うことができます。

スタイル上書きは、ローカライズされた視覚的な例外 (確認画面の強調表示や特定の行動要請 (CTA) の強調など) を目的としており、完全なスタイル設定システムではありません。CSS レベルの制御は提供されず、画面やフローで再利用できるようには設計されていません。

アーキテクチャの観点からは、スタイルは次の先行順序に従う必要があります。

1. **テーマおよびブランド**設定: Lightning テーマ、エクスペリエンスビルダーのブランドセット、または LWR サイトのテーマ設定

2. **フロースタイル上書き:** 対象を絞った画面またはコンポーネントの調整

3. **カスタムコンポーネント (LWC):** ピクセル単位で完璧な制御や再利用可能なデザインパターンが必要な場合

テーマとデザインシステムを使用すると、スタイル設定の一貫性、拡張性、およびメンテナンスの容易さを長期にわたって維持できます。

#### 尋ねる質問

- 目的のスタイルと CSS はどの程度洗練されていますか?

- ピクセル単位で完璧なカスタムスタイルや標準テーマが必要ですか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">ダイレクトスタイル</th>
<th colspan="1" rowspan="1">組織およびエクスペリエンスビルダーのテーマ</th>
<th colspan="1" rowspan="1">ピクセル単位のスタイル</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能**</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="4" rowspan="1" style="border-right: 1px solid #d8dde6;">*FlexCard のみ<br><br>** 画面コンポーネントには特定のスタイル属性を設定できますが、CSS の上書きは設定できません。</td></tr></table>

FlexCards は、ツール内で作成する UI (余白とパディング、タイポグラフィ、色など) のスタイルとレイアウトを宣言的に制御できる唯一の製品です。

動的フォームとフローでは、宣言型テーマ機能が尊重されます。([Salesforce テーマ](https://help.salesforce.com/articleView?id=brand_your_org_in_lightning_experience.htm&mode=1)、[エクスペリエンスビルダーブランドセット](https://help.salesforce.com/articleView?id=community_designer_brandsets.htm)、または [LWR Experience Cloud サイト](https://developer.salesforce.com/docs/atlas.en-us.exp_cloud_lwr.meta/exp_cloud_lwr/brand_overview.htm)でサポートされる以上の) 追加制御が必要な場合は、プログラムソリューションを検討してください。

CSS の使用に慣れているチームには、いくつかのオプションがあります。

- フローと LWC は[標準設計トークン](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/tokens_standard.htm)を継承します。

- OmniScriptとFlexCardには[、Newport](https://help.salesforce.com/s/articleView?id=sf.os_customize_omniscripts_and_flexcards_with_the_newport_design_system.htm&type=5)を使用したカスタマイズ可能な設計システムのサポートが含まれます。

- LWC では、独自のコンポーネントを記述して、その HTML と CSS を完全に制御できます。

可能な場合は、テーマとデザインシステムを使用して、すべてのコンテンツでデザインの一貫性を確保することをお勧めします。

**注：** Lightning コンポーネントはフローに組み込むことができます。フォームのデザインをピクセル単位で完璧に制御する必要があり、フローの他の利点 (ナビゲーションモデルなど) も使用したい場合は、両方の利点を活用できます。同じ原則が OmniScript と FlexCard にも適用されます。

### レイアウト

迅速かつ効率的なデータ入力を可能にし、データの整合性を高める合理化されたフォームを設計するには、適切なレイアウトを選択することが不可欠です。

#### 尋ねる質問

- フォームレイアウトを構造化してユーザーエクスペリエンスを最適化する方法は?

- フォームに新しいデータを簡単に入力できるように、既存のデータをユーザーに表示する方法は?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">2 列</th>
<th colspan="1" rowspan="1">4 列</th>
<th colspan="1" rowspan="1">4 列以上</th>
<th colspan="1" rowspan="1">データの繰り返しブロック</th>
<th colspan="1" rowspan="1">タブコンテナ</th>
<th colspan="1" rowspan="1">アコーディオン</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="7" rowspan="1" style="border-right: 1px solid #d8dde6;">*タブは、OmniScript の FlexCard にデータを埋め込む場合に使用できます。</td></tr></table>

動的フォームでは、項目内の個々のセクションに分割できる 2 列レイアウトがサポートされます。これらのセクションをコンポーネント (タブやアコーディオンなど) 内に配置して、整理された使いやすいレイアウトを作成できます。

フローは、**セクション**コンポーネントを使って表示することもできます。フロー画面では、最大 4 つの列と無制限のセクションを追加できます。セクションコンポーネントは画面幅にも反応するため、小さな画面でも機能します。条件付き表示をセクション全体に適用できるため、セクション内の複数の項目に表示を一括適用しやすくなります。**フローセクション**では列ヘッダーもサポートされ、表示ラベルをクリックしてセクション全体を折りたたむことができるアコーディオンのような環境が提供されます。

OmniScript には、項目とデータを表示するためのさまざまなレイアウトオプションがあります。条件付きで折りたたみ可能なアコーディオンを含め、最大 12 列のデータセクションを作成できます。

LWC では、Lightning-record-［edit\|view］-form およびサポートされる Lightning-［input\|output］- フィールドを使用してレイアウトを制御できます。レイアウトの制限は HTML と CSS のみです。**Lightning-record-form** コンポーネントは、関連付けられたページレイアウトのセクション設定に従います (たとえば、ページレイアウトでセクションが 2 列の場合、コンポーネントでも 2 列になります)。

### トランスレーション

異なる地域のユーザーや異なる言語を話すユーザーがフォームにアクセスできる必要がある場合、フォームの作成に使用するツールがローカライズ要件を満たしていることを確認する必要があります。

**注意:** 特にフォームの場合、ローカライズの要件として、通常、テキスト要素を他の言語に翻訳する必要があります。

#### 尋ねる質問

- フォームを複数の国または地域で使用しますか?

- フォームのテキストを他の言語にローカライズする必要がありますか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">ビルダーに入力された表示ラベル</th>
<th colspan="1" rowspan="1">コードのラベル</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">該当なし</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="3" rowspan="1" style="border-right: 1px solid #d8dde6;">*項目セクションの見出しのみ</td></tr></table>

カスタム項目をローカライズする場合、動的フォームでは翻訳された表示ラベルが適用されます。動的フォームでは、Lightning アプリケーションビルダーでコンポーネントの表示ラベルと[属性](https://help.salesforce.com/s/articleView?id=platform.lightning_page_components_use_expressions_for_labels.htm&type=5)に割り当てられたカスタム表示ラベルも尊重されます。

フローでは、トランスレーションワークベンチを介して、すべての標準およびカスタム画面コンポーネントのユーザー向けラベルの翻訳がサポートされます。

次の画面コンポーネントでは、表示ラベル、ヘルプテキスト、エラーメッセージをローカライズできます。

- テキスト
- ロングテキストエリア
- 数値
- 通貨
- チェックボックス
- ラジオボタン
- 選択リスト
- 複数選択リスト
- チェックボックスグループのパスワード
- 日付
- 日付/時間

標準のアクション (\[メールを送信] や \[Chatter に投稿] など) には翻訳サポートが組み込まれていませんが、回避策があります。[カスタム表示ラベル](https://help.salesforce.com/articleView?id=cl_about.htm)を使用して翻訳済み表示ラベルを定義する場合、Flow Builder で設定するときにアクションまたはコンポーネントでそのカスタム表示ラベルを参照できます。これを行うには、カスタム表示ラベルを参照するフロー数式を作成し、フロー内の適切な場所でその数式を参照する必要があります。

OmniScriptでは、翻訳にカスタムラベルが使用されます。詳細については、[このヘルプドキュメント](https://help.salesforce.com/s/articleView?id=sf.os_create_multi_language_omniscripts.htm)を参照して、OmniScript が多言語に対応していることを確認してください。

LWC では、特定のベース コンポーネントがトランスレーション ワークベンチで設定されている場合、関連付けられたオブジェクトの項目、ヘルプ テキスト、検証メッセージの翻訳が自動的に継承されます (Lightning-record-form など)。

新しい翻訳可能な表示ラベルをコードに導入する必要がある場合は、カスタム表示ラベルをお勧めします。必要なカスタム表示ラベルを宣言し、`@salesforce/label`範囲設定済みモジュールからコンポーネントにインポートします。

## 機能以外の考慮事項

このセクションを使用して、実装前にセキュリティ、品質、運用上の制約を評価します。

### セキュリティ

セキュリティは複雑なトピックであり、フォームの作成に関しては、明確ではない考慮事項がいくつかあります。基礎レベルでは、フォームが正しいコンテキストで実行され、基礎となるデータを操作するために必要な権限がユーザーに付与されていることを確認する必要があります。さらに、リッチテキスト項目から潜在的に悪意のあるコードや URL を削除したり、特定のユーザーがフォームにアクセスできないようにしたり、システム管理者が将来フォームを埋め込むことができる場所の種別を制限したりするための追加措置を講じる必要もあります。

ツールを選択する前に、セキュリティ要件を十分に文書化してください。この種別のドキュメントに関するその他の指針については、「Salesforce [Well-Architected Security Policy Template](/docs/architect/ja-jp/resources/guide/security-policy-template) (Salesforce の適切に構築されたセキュリティポリシーテンプレート)」を参照してください。

#### 尋ねる質問

- 特定の操作を実行する前にフォームでユーザーのアクセス権を確認する必要がありますか?

- ユーザー入力をサニタイズする必要がありますか?

- フォームにアクセスできるユーザーを制御しますか?

- フォームを埋め込む場所を制御しますか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">ユーザー権限の昇格</th>
<th colspan="1" rowspan="1">アクセス権を持つユーザーの制御</th>
<th colspan="1" rowspan="1">許可される場所の制限</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用不可**</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="4" rowspan="1" style="border-right: 1px solid #d8dde6;">*Apexが必要<br><br>* * OmniScript には指定された対象ロケーションのセットを含めることはできませんが、FlexCard では含めることができます。</td></tr></table>

#### ユーザー権限の昇格

プログラム**をユーザーコンテキスト**で実行すると、Salesforce は一連のアクセスチェックを適用します。これには、項目レベルセキュリティ、CRUD 権限、および組織の共有ルールに基づくレコードアクセス権の検証が含まれます (たとえば、ユーザーがケースの更新フォームを実行できるのは、ケースを更新する権限、適切な項目レベルセキュリティ、該当のレコードへのアクセス権がある場合のみです)。

ユーザーがフォームを使用しているときに特定の操作を実行できるようにし、他のフォームやインタラクションからは実行できないようにする場合はどうすればよいでしょうか?ここで**システム コンテキスト**の出番です。

**システムコンテキストを**使用すると、セッション中にユーザーの権限を昇格できます (たとえば、ユーザーはケース更新フォームに正常に入力するためにケースオブジェクトへのアクセスを更新する必要はありません)。これは、認証されていないコミュニティで特に便利です。ゲストユーザーに潜在的に危険な機能を付与するのではなく、システムコンテキストで実行するようにフォームを設定します。

\[システムコンテキスト] は、絶対に必要な場合にのみ使用してください。フォームがシステムコンテキストで実行されると、すべての CRUD 操作はオブジェクトレベルおよび項目レベルのセキュリティおよび共有コンポーネントをスキップします。また、\[システムコンテキスト] は、Salesforce が_アクター_とみなすユーザー (\[**最終更新者**] フィールドに表示される名前) とは関係ありません。フォームで実行される操作 (ケースの更新など) ごとに、_アクター_は現在のユーザーになります (フォームが別のコンテキストで実行されていても)。

**注意:** 動的フォーム、OmniScript、および LWC は常にユーザーコンテキストで実行され、この動作を上書きする方法はありません。

画面フローはデフォルトでユーザーコンテキストで実行されますが、システムコンテキストで実行するように設定することもできます。フローですべてのデータへのアクセス権を付与するか、レコードレベルのアクセス権を適用するかを決定できます。

- システム コンテキストで実行されるフロー内に Lightning コンポーネントを埋め込む場合、そのフローでコンポーネントのコンテキストが上書きされることはありません。ユーザー アクセス チェックをスキップする必要がある場合は、フローを使用してこれらの操作を実行し、Lightning コンポーネントに適切なデータを渡します。一部の標準コンポーネント（たとえば、ルックアップ）は、システムコンテキスト内で動作できません。

- フローが Apex アクションを呼び出す場合、その他の注意点があります。

  - Apex クラスが_継承共有_に設定されている場合、フローの設定方法に関係なく、共有のシステム コンテキストで実行されます。

  - クラスに明示的な共有宣言がない場合、フローの設定方法に関係なく、共有なしでシステムコンテキストで実行されます。

  - クラスが_共有ありまたは_共有なしに設定されている場合、フローのコンテキストが上書きされます。

**Experience Cloud サイトを使用したシステムコンテキストでのレコードの照会**

Experience Cloud サイトのシステムコンテキストでフローを実行している場合(特に未認証の場合)、\[**レコードを取得**] 要素には特定のフィールドのみを保存します。フローを操作しているときに、**レコード取得**要素の結果をサブフロー、呼び出し可能なアクション、または Lightning コンポーネントに渡すと、そのオブジェクトのすべての項目がブラウザの開発者ツールによって検査される場合があります。意図とは裏腹に、Experience Cloud ユーザーが項目を使用できるようになる場合があります。システムコンテキストが有効になっているときに正しいフィールドのみが表示されるようにするには、**レコードを取得**要素でそれらの特定のフィールドを指定します。

**注:**OmniScriptロジックはクライアント側で実行されます。これにより、攻撃者はOmniScriptの予期される実行を変更し、ブラウザーの開発者ツールを使用してインテグレーション手順、データ マッパー、Apexメソッド コールへの応答を表示できます。OmniScript を使用している場合、可能な場合はサーバー側でビジネス ロジックを実行し、[@InvocableMethod アノテーション](https://help.salesforce.com/s/articleView?id=sf.os_integration_procedure_invocation_55721.htm&type=5)を介して公開される Apex メソッドの入力規則を実装することが重要です。

**入力のサニタイズ**

悪意のあるユーザーから組織を保護するには、入力のサニタイズを使用します。公開されているフォームに入力があり、それを組織内の**リッチテキスト**フィールドにマッピングできるとします。悪意のある URL を隠す可能性のある HTML を削除する自動化を有効にすることを検討してください。

フォームレベルでサニタイズを実装することは理想的ではありません。これらの項目に書き込むソースがいくつもある可能性があるためです。この問題に対処するには、**高速項目更新フロー**（保存前）を作成するか、既存の **Apex トリガー**を使用してフォーム内に入力される可能性のある HTML を削除または変更します。

#### ベストプラクティス

- フローをデフォルトのコンテキストで実行できるようにします (特定の操作で現在のユーザーのアクセス権を昇格させる必要がない限り)。

- ゲストユーザーのシステムコンテキストでのフローの実行は避けてください。項目アクセス権が制限されている権限セットを作成し、Experience Cloud ゲストユーザーのプロファイルに割り当てます。

- Experience Cloud サイトのシステムコンテキスト実行フローでレコードを照会する場合、必要なフィールドのみを \[**レコードを取得**] 要素または**呼び出し可能アクション**に保存します。

- フローでさまざまな操作 (すべて昇格アクセス権を必要としない) を実行する場合、サブフローを使用してシステムコンテキスト内で実行する操作を分離します。

- 外部 Web ページ内にフォームを埋め込む場合、潜在的なフィッシング攻撃を防ぐために、フォームを**リッチテキスト**項目に対応付ける必要がある場合があります。これを行うには、**高速項目更新フロー**または **Apex トリガー**を使用して、HTML を削除するようにユーザー入力をサニタイズします。

#### 追加メモ

- OmniScript、FlexCard、LWCs は、デフォルトでユーザー コンテキストで実行されます。

- LWC はデフォルトでユーザーコンテキストで実行されます。

- フローはユーザ コンテキストで実行されますが、Apex コントローラを使用して上書きできます。

- UI API 内で実行される操作は、ユーザーコンテキストで実行されます。

- Apex コントローラを使用して実行される操作は、特定のクラスによって異なります。これらの操作をシステム モードで実行するには、**Apex クラス**を共有ありまたは共有なしに設定します。

#### アクセス制御

フォームにアクセスできるユーザーを制御する必要がある場合は、フォームが埋め込まれているコンテナを確認します （たとえば、Lightning ページを特定のアプリケーション、レコードタイプ、またはプロファイルで使用できるように割り当てることができます）。特定の入力が機密である場合、表示ルールを使用して誰に表示するかをさらに制御します。この機能は動的フォームと画面フローに適用されます。

[フローを](https://help.salesforce.com/articleView?id=flow_distribute_security.htm)特定のプロファイルまたは権限セットに制限できます （Apex クラスや Visualforce ページと同様）。デフォルトでは、フローは無制限です。つまり、「**フローを実行**」ユーザー権限を持つすべてのユーザーがフローにアクセスできます。

OmniStudioを使用している場合は、OmniScript、Flexcard、Classic Card、REST APIからのリモート アクションを管理するApexクラスへの明示的なアクセス権をユーザーに要求する[Apexクラス権限チェッカー](https://help.salesforce.com/s/articleView?id=sf.os_add_an_apex_class_permissions_checker_1.htm&type=5)を構成できます。

**注意：** Apex クラスの権限チェックは、Apex クラスにのみ適用されます。また、[インテグレーション手順およびData Mapper](https://help.salesforce.com/s/articleView?id=sf.os_security_for_dataraptors_and_integration_procedures_48147.htm&type=5)にプロファイルレベルの権限を設定することをお勧めします。

#### アクセス制御のベストプラクティス

- フローをゲストユーザーに公開する場合は、ゲストユーザーが絶対に必要とするフローへのアクセス権をゲストユーザープロファイルにのみ付与してください。**「フローを実行**」をゲストユーザープロファイルに追加できますが、この方法はリスクが伴います。

- システムコンテキストで動作するフローを操作するときは注意してください。これらのフローは、データを保護するための抑制と均衡が少ないため、特定のユーザーセットに制限する必要があります。

- ゲスト・ユーザー・コミュニティ内でApexを実行するOmniScriptに、Apexクラス定義にリストされている**共有が含ま**れていることを確認します。

- ゲスト・ユーザー・プロファイルの場合は、ゲスト・ユーザーにコールを許可するApexクラスのみを割り当てます。この慣行に従うことで、意図せずに追加のビジネスロジックがゲストユーザーに公開されるのを防ぐことができます。

LWC の場合、現在のユーザーの権限の割り当てを確認して、特定の標準権限またはカスタム権限を持っているかどうかを確認できます。Salesforce 権限は、`@salesforce/userPermission` および `@salesforce/customPermission` 範囲設定済みモジュールから **JavaScript** で直接インポートできます。Apex を使用して権限を確認することもできます。

#### コントロールの埋め込み

LWC は、有効[なターゲット](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_configuration_tags)として追加された後にのみ、特定のロケーションで使用できます（たとえば、コンポーネントをレコードページで使用可能にしたり、ユーティリティバー項目として使用不可にしたりできます）。

画面フローを有効にすると、画面フローがサポートされているすべての場所で使用できるようになります。Flow Builder では、画面を含む複数の種類のフローがサポートされます。最も顕著な種類は**画面フローです**が、特定の場所に制限された特殊な種類もいくつかあります (**Field Service Mobile アプリケーション**では **Field Service Mobile フロー**のみがサポートされます)。これは、Experience Cloud でのみサポートされる**連絡要求フロー**に似ています。

フロー種別に関係なく、フローを作成したユーザーはフローの埋め込み場所を制御できません。フローは、その特定のフロー種別がサポートされているすべての場所で使用できます。

Salesforce Industries を使用している場合、OmniScript には若干の注意事項があります。OmniScript の対象は指定できませんが、埋め込む FlexCard の対象は指定できます。

### UI テストの自動化

Salesforce には、ユーザーがフォームを操作する方法をシミュレーションできるエンドツーエンドのテスト自動化ツール ([Salesforce UTAM](https://developer.salesforce.com/blogs/2022/05/run-end-to-end-tests-with-the-ui-test-automation-model-utam) など) がいくつかあります。Lightning ページや画面フローなど、任意の標準またはカスタム UI のテストを作成できます。

**注意:** この種類のテストでは、実行中のメソッドの出力を検証できません。UI テストの自動化要件を設定するときは、次の点に留意してください。

#### 尋ねる質問

- フォームの自動テストが必要ですか?

- どのような種類のテストを実行する予定ですか?

- テストのオートメーションに必要な粒度は？

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">単体テスト</th>
<th colspan="1" rowspan="1">エンドツーエンドの自動化</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用可能*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用可能*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">使用可能*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">使用可能*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="3" rowspan="1" style="border-right: 1px solid #d8dde6;">*コードが必要</td></tr></table>

**UI テストの自動化要件の考慮**

**単体テスト**では、業界標準のCI/CDシステムおよびツールに準拠した詳細な自動化と検証が提供されます。このツールでは、ビジネス ロジック、JavaScriptコントロール、特定のコンポーネントの出力をテストします。ローコードアプローチを選択した場合、自らテストを作成することはできませんが、Salesforceはすべてのエンドツーエンドのオファリングを厳密にテストしています。

コンポーネントのメソッドが複雑な場合、メソッドを専用の JavaScript ファイルに配置することで個別にテキスト送信できます。これにより、LWC にインポートし、さらに **Jest テスト (たとえば、**import { sort } from 'c/utils';) に取り込むことができます。

ISV のノーコードソリューションを使用するか、カスタムテスト自動化ソリューションを構築するか、オープンソースのテストフレームワーク (Selenium WebDriver や WebdriverIO など) を使用してエンドツーエンドの自動化を行うことができます。これらのソリューションは、すべての Salesforce UI インタラクション (Lightning ページの動的フォーム、ユーティリティバーの画面フロー、クイックアクションフローの LWC など) で有効です。

### メトリクス

フォームを本番環境にリリースしたら、フォームが効果的に使用されていることを確認する必要があります。使用事例によっては、平均的なユーザーが情報を送信する前にフォームに入力していた時間まで、フォームに入力されている回数を追跡する必要がある場合があります。ツールを選択する前に追跡可能な KPI を特定することが重要です。

#### 尋ねる質問

- フォームの利用状況を追跡する必要がありますか?

- フォームが有効に使用されているかどうかを判断できる KPI は?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">ページビュー</th>
<th colspan="1" rowspan="1">フォームにかかった時間</th>
<th colspan="1" rowspan="1">フォーム完了状況を追跡する</th>
<th colspan="1" rowspan="1">成功率の追跡</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">使用可能**</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">使用可能**</td>
<td colspan="1" rowspan="1">使用可能*</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="5" rowspan="1" style="border-right: 1px solid #d8dde6;">*パッケージベースのOmniStudioランタイムが有効になっている場合に使用可能**親Lightningページの使用状況を追跡することで使用可能</td></tr></table>

フォームの全体的な使用状況と採用を追跡する必要がある場合は、ローコードツールを使用します。動的フォームと画面フローは、標準のカスタムレポートで追跡できます。ただし、画面フロー追跡レポートでは、より詳細な情報を得ることができます。LWC の利用状況を追跡する必要がある場合、標準で使用できるかどうかは LWC を使用している場所によって異なります。Lightning ページにある場合は、使用可能なすべての Lightning ページ使用状況追跡要素が LWC にも適用されます。これは、フローに埋め込まれた LWC にも当てはまります。

動的フォームは標準では追跡できませんが、[Lightning 利用状況オブジェクト](https://help.salesforce.com/articleView?id=lex_usage_reports.htm)を使用して親 Lightning ページの利用状況を追跡できます。標準Lightningページをトラッキングするには、**Users with Lightning Usage by Page Metrics**カスタムレポートを使用します。カスタム Lightning ページの場合は、FlexiPage Metrics による **Users with Lightning** Usage カスタム レポートを使用します。

フローは、特定のフォームの採用を追跡するのに役立ちます。**サンプルフローレポート**: 画面フローを使用して、次の種別の質問に回答します。

- このフォームの完了率は?現在、適切に採用されていますか?

- ユーザーがこのフォームを完了するまでにどのくらいの時間がかかりますか？

- ユーザーが最も長い時間をかけて完了する画面はどれですか？

- ユーザーはどのくらいの頻度で前の画面に戻りますか？

- エラーが発生する頻度は?

標準レポートがニーズに合わない場合は、**画面フロー**レポートを使用して、標準レポートをコピーして変更を加えるか、独自のレポートをゼロから作成できます。

パッケージベースの OmniScript ランタイムを使用している場合は、[OmniStudio for Vlocity Tracking Service](https://help.salesforce.com/s/articleView?id=sf.os_vlocity_tracking_service.htm&type=5) も使用できます。このサービスでは、すべての種別のイベントを追跡します (たとえば、OmniScript のステップの完了に要する時間を追跡できるため、プロセスの改善点を特定するのに役立ちます)。

**注意:** 画面フロー、OmniScript、または Lightning ページに埋め込まれていない LWC を追跡する標準オプションはありませんが、Apex を使用してカスタムソリューションを作成できます。

### パッケージ化と展開

変更セットや**DevOpsセンター**を使用してソリューションをテスト環境または本番にリリースすることはよくご存知の方もいらっしゃるでしょう。これらのリリースオプションでは、動的フォーム、フロー、LWC が完全にサポートされています。ただし、OmniStudio には別個のツールである [IDX ワークベンチ](https://help.salesforce.com/s/articleView?language=en_US&id=sf.os_idx_workbench_desktop_application.htm&type=5)が必要です。

#### 尋ねる質問

- フォームをどのようにリリースする予定ですか?

- フォームは複数の Salesforce 組織に配布する必要がありますか?

<table><tr><th colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"></th>
<th colspan="1" rowspan="1">第一世代管理パッケージ (1GP)</th>
<th colspan="1" rowspan="1">第二世代管理パッケージ (2GP)</th>
<th colspan="1" rowspan="1">ロック解除済みパッケージ</th>
<th colspan="1" rowspan="1">変更セット</th>
<th colspan="1" rowspan="1">DevOps Center</th></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可</td>
<td colspan="1" rowspan="1">使用不可*</td>
<td colspan="1" rowspan="1">使用不可*</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー + LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td>
<td colspan="1" rowspan="1">利用可</td></tr>
<tr><td colspan="6" rowspan="1" style="border-right: 1px solid #d8dde6;">*IDX ワークベンチを使用して、OmniStudio ソリューションを他の組織にリリースします。</td></tr></table>

ソリューションをパッケージ化して AppExchange で配布する予定の ISV またはパートナーの場合は、「動的フォーム、フロー、および LWC」を参照してください。OmniStudio ではパッケージ化はサポートされていません。

### ローコードからプロコードへの連続体を辿る

このガイドは、動的フォーム、画面フロー、OmniStudio、LWC で使用可能な機能とカスタマイズレベルを示すことを目的としています。
<image src="https://architect.salesforce.com/ns-assets/guide-forms-lowcode-continuum.png" alt="Low-Code to Pro-Code Continuum" style="width:100%;border:1px solid #e5e5e5;margin-top:1rem;margin-bottom:1rem" />
概要を次に示します。

- フォームの作成に関しては、LWC が最も堅牢でカスタマイズ可能なオプションですが、配置されているガードレールの数が最も少なくなります。そのため、[セキュリティ](/docs/architect/ja-jp/well-architected/guide/trust.html)と[拡張性](/docs/architect/ja-jp/well-architected/guide/reliability.html#scalability-and-capacity-planning)を念頭に置いてコンポーネントを構築することが重要です。

- 動的フォームは最も柔軟性の低いオプションですが、踏み間違いの可能性ははるかに低くなります。

- フローと OmniStudio は少し中間にあります。動的フォームよりも強力ですが、LWC レベルにはまだ達していません。ただし、動的フォームよりもガードレールの数が少なく、カスタムコードよりも破るのが困難です。

複数のツールがニーズに適している場合があります。その場合、最終的にどのツールがチームにとって最適かによって判断が変わります。考慮すべきその他の側面についての詳細は、次の[アーキテクト決定ガイド](/docs/architect/ja-jp/decision-guides)を参照してください。

#### 尋ねる質問

- ツールを比較する場合、各ツールに関するチームの専門知識を評価することが重要ですか?
- LWC または JavaScript に精通している開発者の数は?
- Flow Builder のエキスパートである開発者や、詳細について興味を示した開発者がチームにいますか?

具体的な詳細は説明しませんが、これらの特定のツールがこれまでに説明した評価にどのように関連するかについてもう少し詳しく説明します。

**デリバリー委任**

一部の要件で LWC が要求されていても、LWC を使用してソリューション全体を構築する必要はありません。ソリューションをモジュール形式で構築する方法を判断することが重要です。そのためには、コード化された LWC が必要な部品と不要な部品を識別する必要があります。LWC を必要としない部分は、ローコードソリューションを使用して構築する必要があります。

フローと LWC には、さまざまなコンポーネント (反応型画面コンポーネントや画面フローなど) があり、同じ画面で相互に同期して、アーキテクト、システム管理者、開発者向けの新しいツールを利用できます。開発者は、組織全体で再利用できる明確な目的のモジュールコンポーネントを作成できるようになったため、チームの生産性が向上します。これにより、開発者は標準フローコンポーネントとカスタムフローコンポーネントを組み合わせてフォームのダイナミズムを実現することで時間を節約し、新しい課題の解決により多くの時間を費やすことができます。フローでのリアクティブコンポーネントの導入により、フォームの作成時にフローと LWC を混在させるのにこれほど適切なタイミングはありません。

**長期オーナーシップと保守性**

複数ステップのフォームを作成する場合は、フロー、またはフローと LWC の組み合わせから開始します。フォームを管理しているチームがローコードチームの場合、ソリューションを対象利用者に合わせて可能な限り設定および拡張できるようにします。安定性とメンテナンス性を向上させるには、どのツールを選択しても、ソリューションを[構成](/docs/architect/ja-jp/well-architected/guide/resource-and-cost-optimization.html#packaging-and-modularity)可能な単位にまとめることが重要です。

### Performance

動的フォーム、画面フロー、OmniStudio、または LWC に関連するパフォーマンスの考慮事項は、テクノロジーが収容されているフレームワークに基づきます。LWC に基づく技術は、Aura に基づく技術よりも優れている傾向にあります。LWC は、フレームワークの抽象化を介した JavaScript ではなく、Web エンジンでネイティブに実装されるいくつかのコア機能によって、パフォーマンスが向上しています。

では、Salesforce のフォームテクノロジーでこれらのパフォーマンス上のメリットを活用するにはどうすればよいでしょうか?詳しく見てみましょう。

- 動的フォーム (Lightning ページメタデータ内に統合) は、LWC スタック基盤上に構築されており、これにより、長らく待ち望まれていた複数の機能を実装できます。動的フォームでは、パフォーマンスのさらなる向上として、多数の項目が含まれるページの読み込み時間を短縮する順次表示を使用します。

- 画面フローは LWC に基づいて構築されています。**ファイルアップロード**コンポーネントと**画像**コンポーネントを除き、個々の標準コンポーネントのほとんどは LWC に変換されました。フローチームはフローランタイムクライアントを LWC (およびそのほとんどのコンポーネント) に変換していますが、顧客は Aura 画面コンポーネントを LWC に変換する必要があります。Salesforce では、画面フローの**反応型コンポーネント**フレームワーク内の LWC コンポーネントのみがサポートされます。詳細については、「[Lightning Web Components for](https://trailhead.salesforce.com/en/content/learn/modules/lightning-web-components-for-aura-developers) Aura Developer」 Trailhead モジュールを参照してください。画面フロー（またはその他のコンテナ）のカスタムコンポーネント作成を検討している場合は、LWC! を選択してください。

- 使用可能な OmniStudio にはいくつかのバージョンがあります。長年の顧客の場合、**Angular** を使用している可能性があります。すべての新規ユーザーは、LWC ベースの OmniScript と FlexCard を使用することをお勧めします。また、既存のお客様には Angular からの移行も推奨しています。

- LWC は LWC を基盤としています。

## リソース

<table><tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>動的フォーム</strong></td>
<td colspan="1" rowspan="1"><a href="https://help.salesforce.com/s/articleView?id=platform.dynamic_forms_overview.htm&language=en_US&type=5">- 動的フォームを使用したレコードの詳細の分割</a><br>- <a href="https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_overview.htm&type=5">Lightning アプリケーションビルダーのサポートを求める</a></td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>画面フロー</strong></td>
<td colspan="1" rowspan="1"><a href="https://help.salesforce.com/s/articleView?id=platform.create_forms_with_screen_flow_components.htm&type=5">- 画面フローを使用したユーザー操作</a><br>- <a href="https://help.salesforce.com/s/articleView?id=platform.flow.htm&type=5">フローを使用した ToDo の自動化</a></td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>OmniStudio</strong></td>
<td colspan="1" rowspan="1">- <a href="https://help.salesforce.com/s/articleView?id=release-notes.rn_automate_omnistudio.htm&release=236&type=5">Omnistudio</a><br>- <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_omniscripts_8355.htm&type=5">OmniScript</a><br><a href="https://help.salesforce.com/s/articleView?language=en_US&id=sf.os_idx_workbench_desktop_application.htm&type=5">- IDX ワークベンチデスクトップアプリケーション</a><br>- <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_customize_omniscripts_and_flexcards_with_the_newport_design_system.htm&type=5">ニューポート設計システム</a><br><a href="https://help.salesforce.com/s/articleView?id=xcloud.os_customize_omniscripts_and_flexcards_with_the_newport_design_system.htm&type=5">- Newport Design System を使用した OmniScript と FlexCard のカスタマイズ</a></td></tr>
<tr><td colspan="1" rowspan="1" style="border-right: 1px solid #d8dde6;"><strong>LWC</strong></td>
<td colspan="1" rowspan="1">- <a href="https://developer.salesforce.com/developer-centers/lightning-web-components">Lightning Web コンポーネント</a><br>- <a href="https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/intro_framework.htm">Lightning Aura コンポーネント開発者ガイド</a><br><a href="https://trailhead.salesforce.com/en/content/learn/modules/lightning-web-components-for-aura-developers">- Aura 開発者向けの Lightning Web コンポーネント</a></td></tr></table>
