ベストプラクティス

Adobe Experience Manager(AEM)Forms を使用すると、複雑なトランザクションを単純で使いやすいデジタルエクスペリエンスに変えることができます。次のドキュメントでは、アダプティブフォームを開発する際に従う必要があるその他のベストプラクティスを説明します。このドキュメントは、このドキュメントと併せて使用することを意図しています。

命名規則

  • パネル

    • パネル名は、大文字で始まるキャメルケースです。
  • フォームフィールド

    • フィールド名は、小文字で始まるキャメルケースです。
    • フィールド名の先頭に数字を使用しないでください
    • 名前にダッシュ「-」を含めないでください。これらは、コード内のマイナス記号と同じで、コード内の演算子として機能します。
    • 名前には、文字、数字、アンダースコアおよびドル記号を含めることができます。
    • 名前は文字で始める必要があります
    • 名前では大文字と小文字が区別される
    • 予約語(JavaScript キーワードなど)は名前として使用できません。「panel」、「name」など、AF 固有のその他の予約語には注意が必要です。
    • 名前にダッシュ「-」を含めないでください
  • フォームの作成

    • 大きなフォームを開発する場合は、フォームフラグメントを考慮する必要があります。フォームフラグメントの遅延読み込みを有効にして読み込み時間を短縮

    • dataModel

      • 適切なデータモデルへのアダプティブフォームの関連付けをお勧めします
    • オブジェクトイベント

      • オブジェクトの表示に関連するコードは、常にそのオブジェクトの表示イベントに配置する必要があります。
    • スクリプト

      • アダプティブフォーム内で記述するコードが 5 行を超える可視行を拡張している場合は、コードをクライアントライブラリに移動する必要があります。理想的には、関数をクライアントライブラリに追加し、適切な jsdoc タグを追加して、アダプティブフォームのルールエディターで関数を表示できるようにします。
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e