よくある質問（FAQ） headless-adaptive-forms-faq

ヘッドレスアダプティブフォームを使用するには React.js の知識が必要ですか？

任意のフレームワーク、ライブラリまたは言語を使用してヘッドレスアダプティブフォームをレンダリングし、アドビの REST API を使用してフォームを検証および送信できます。 標準提供の AF コアライブラリは、フレームワークに依存しません。 また、標準提供の React Render および React コンポーネントライブラリも、参考までに提供されています。 独自のコンポーネントを作成でき、提供のライブラリには限定されません。

ヘッドレスアダプティブフォームを使用するには、Forms as a Cloud Service サンドボックスが必要ですか？

スターターアプリを使用して、ヘッドレスアダプティブフォームの開発とスタイル設定を開始できます。 バックエンドのフォーム機能とともにヘッドレスアダプティブフォームをホストし提供するには、Forms as a Cloud Service が必要です。

ヘッドレスアダプティブフォームのプレビューはどこで入手できますか？ storybook-example

スターターアプリを使用して、カスタムのヘッドレスアダプティブフォームをレンダリングしプレビューできます。 ストーリーブックの例を変更して、ヘッドレスアダプティブフォームをプレビューすることもできます。

カスタムフレームワークでヘッドレスアダプティブフォームを使用することはできますか？

ヘッドレスアダプティブフォームは標準仕様に基づいています。 仕様を拡張して、カスタムコンポーネントの構築に使用できます。 例えば、Chakra UI、Vue.js などのコンポーネントです。

ヘッドレスアダプティブフォームはカスケードフィールドをサポートしていますか？

カスケードフィールドでは、2 番目のフィールドの内容は、最初のフィールドで選択された内容に依存します。 カスケードフィールドの例がストーリーブックに含まれています。

ヘッドレスアダプティブフォームでは、パーソナライズされたデータをフォームに事前入力できますか？

ヘッドレスアダプティブフォームを使用すると、パーソナライズされたデータをフォームに事前入力できます。 ヘッドレスアダプティブフォームに事前入力する方法の例がストーリーブックに含まれています。

Angular SPA でヘッドレスアダプティブフォームを使用できますか？

Web SDK を使用して、ヘッドレスアダプティブフォームを Angular SPA と統合できます。 どのようなフレームワークにも依存しません。 React SDK を参照用に使用できます。

ヘッドレス AF を開発しやすくなるプラグインはありますか？

はい - Visual Studio Code 拡張機能を使用すると、JSON でヘッドレスアダプティブフォームを手動で作成できます。

モバイルフォームとオフラインフォームで推奨されるアプローチを教えてください。 mobile-offline-forms

独自のネイティブアプリを作成し、ヘッドレスなアダプティブ Forms API を介してフォーム定義を取得します。 オプションで、オフラインサポート（ローカルストレージや同期など）を実装できます。 推奨されるアプローチと API へのリンクについては、​ モバイルフォームのベストプラクティス ​ を参照してください。

AEM FormsでGraphQLやヘッドレス API を使用する方法

AEM ヘッドレスアダプティブFormsは、GraphQLではなく、HTTP/REST API を使用します。 アプリはこれらの API を呼び出し、フォームの一覧表示、フォーム定義（JSON）の取得、送信ステータスの検証、送信および追跡を行います。 完全なリファレンスには ​ ヘッドレスアダプティブフォーム HTTP API を使用します。 フォームの取得とレンダリングの方法については、​ アーキテクチャ ​ および ​ ヘッドレスフォームについて ​ を参照してください。

Adobe AEM Formsで React コンポーネントを使用してヘッドレスフォームを実装し、スタイルを設定する方法を教えてください。

独自の React コンポーネントおよび CSS （または Material UI などの UI ライブラリ）を使用して、ヘッドレスフォームを実装し、スタイルを設定します。 フォームロジック（ステート、検証、ルール）は、Forms Web SDKとフォーム JSON から取得されます。アプリによって、それをレンダリングする UI が提供されます。

ヘッドレスフォームを使用するタイミング、状態の管理、検証などの概念については、​ ヘッドレスフォームについて ​ を参照してください。

カスタム CSS、テーマ、ルールエディター、ヘッドレスフォームを使用してAEM Formsを実装およびカスタマイズする方法を教えてください。

ヘッドレスフォーム： スタイル設定とルックアンドフィールは、完全に自分で制御できます。 独自の React （または他の）コンポーネントと独自の CSS を使用します。組み込みのテーマはありません。 ​ カスタム React ライブラリを使用したヘッドレスフォームのレンダリング ​、および ​ カスタムコンポーネントを使用したヘッドレスフォームのレンダリング ​ を参照して、ヘッドレスフォームの実装とスタイル設定を行います。

クラシック AEM Forms（テーマ、ルールエディター、ビジュアルエディター）: カスタム CSS、テーマエディターおよびルールエディターは、クラシック（ヘッドレス以外）のアダプティブ Formsのオーサリングエクスペリエンスに適用されます。 これらのトピックについては、Experience Leagueの AEM Forms ドキュメント ​ を参照してください。

ヘッドレスアダプティブフォームを CRM に接続してデータを読み書きできますか？

Microsoft Dynamics や Salesforce を使用して、ヘッドレスアダプティブフォームを送信または事前入力できます。 CRM とは別に、ヘッドレスアダプティブフォームでは、REST エンドポイント、メールおよびカスタム送信アクションを使用した送信または事前入力をサポートしています。