レビューコンポーネント

Last update: Fri Jun 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
コアコンポーネント

作成対象：

開発者
管理者
ユーザー

アダプティブフォームのレビューコンポーネントを使用すると、フォームを送信する前に、入力した情報を確認、検証できます。これは概要ページとして機能し、構造化された使いやすい形式ですべてのフィールドとその値の読み取り専用ビューを提供します。この機能により、ユーザーは送信の最終処理を行う前にエラーや欠落を特定して修正できるため、フォームの全体的なエクスペリエンスが向上します。編集アイコンをクリックすると、フォームを送信する前に、入力した情報を変更できます。

TIP

AEM 向け Edge Delivery Servicesについて検討したことはありますか？

既存のプロジェクトでは、このドキュメントで説明されている方法を引き続き使用できます。ただし、新規プロジェクトの場合は、Edge Delivery Services を利用することをお勧めします

例

レビューコンポーネント {align="center" width="50%,"}

使用方法

アダプティブフォーム内でレビューコンポーネントを使用する理由は以下のとおりです。

データの正確性の向上：レビューコンポーネントを使用すると、送信前に入力したすべてのデータを確認できます。これにより、エラーや欠落の可能性を減らし、確実に正確なデータを送信することができます。
ユーザーエクスペリエンスの向上：ユーザーが入力したすべての情報について、明確にまとめられた概要を得ることができます。そのため、最終的な送信の前にフォームが完全かつ正確であることを確信でき、全体的なエクスペリエンスが向上します。
エラーの検出と修正：パネルレベルまたはフィールドレベルで情報を編集する機能が提供されるので、複数のタブを移動することなく誤りを修正できます。パネルまたはフィールドの横にある編集アイコンをクリックすると、簡単に戻って問題を修正できます。
ユーザーの自信の向上：ユーザーは入力されたデータを見直して、送信しようとしている情報が正しいことを確認できます。これにより、送信エラーが少なくなり、フォームの機能に対する信頼が高まります。
意図しない送信を防ぐ：すべての詳細を確認せずに「送信」をクリックするユーザーは大勢います。レビュー コンポーネントを使用すると、最終的にデータを検証でき、意図しない送信の可能性を削減することができます。

技術的詳細 technical-details

アダプティブフォームのレビューコアコンポーネントの最新情報については、GitHub のテクニカルドキュメントをご覧ください。コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントをご覧ください。

設定ダイアログ configure-dialog

シームレスなユーザーエクスペリエンスを実現するために、「設定」ダイアログを使用して訪問者向けのエクスペリエンスを簡単にカスタマイズできます。

設定ダイアログ

名前 - フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。
タイトル - タイトルを使用すると、フォーム内のコンポーネントを簡単に識別できます。デフォルトでは、コンポーネントの上にタイトルが表示されます。タイトルを追加しない場合、コンポーネントの名前がタイトルテキストの代わりに表示されます。
タイトルを非表示 - コンポーネントのタイトルを非表示にするには、このオプションを選択します。
次の編集モードアクションを有効にする - 「次の編集モードアクションを有効にする」オプションを使用すると、入力した情報を変更できます。フィールドレベルまたはパネルレベルのいずれかで情報を編集できます。
- 「フィールド」オプションを選択すると、レビュー中に個々のフォームフィールドを編集できます。
- 「パネル」オプションを選択すると、特定のセクション (パネル) 内のすべてのフィールドを編集できます。
- 「フィールドとパネル」オプションを選択すると、フィールドの横にある編集アイコンをクリックして特定の情報を変更したり、パネルの横にある編集アイコンをクリックして、そのパネル内のすべてのフィールドを編集したりできます。
- 「なし」オプションを選択すると、フォーム全体の任意のフィールドまたはパネルを編集できます。
デフォルトでは、「パネル」オプションが選択されています。
パネルをリンク - 「パネルをリンク」オプションを使用すると、レビュー用のパネルを選択できます。パネルがリンクされている場合は、選択したパネルに入力された情報を送信前に確認して変更することができます。

ユースケース

4 つのタブで構成される ローンの申請フォーム の例を見てみましょう。各タブでは、ユーザーに関する特定の情報が収集されます。

個人情報：名前、生年月日、連絡先情報、住所など、ユーザーの基本的な個人情報を収集します。
ローンの詳細：ローンの種類、希望金額、返済期間、自動的に計算されるフィールド (金利や毎月の EMI など) といったローンに関する情報を収集します。
追加ドキュメント:ID、住所、所得の証明など、必要なドキュメントをユーザーがアップロードできるようにします。また、条件との合意を確認するための宣言チェックボックスも含まれています。
フォームの確認と送信：前のタブからのすべての入力を要約するレビューコンポーネントが備わっています。フォームを送信する前にデータを確認および編集できます。このタブには、申請を送信するための「送信」ボタンも用意されています。

次のビデオでは、ユーザーが柔軟に情報を編集できるように レビュー コンポーネントを設定する方法を確認できます。