ユニバーサルエディターでのフォームとフォームデータモデルの統合

最終更新日： 2025年6月9日

適用対象：
Experience Manager as a Cloud Service

作成対象：

管理者
ユーザー

ユニバーサルエディターでフォームをフォームデータモデル（FDM）と統合すると、様々なバックエンドデータソースを使用してフォームデータモデル（FDM）を作成できます。フォームデータモデル（FDM）を様々なフォームワークフローのスキーマとして使用できます。データソースを設定し、データソースで使用可能なデータモデルオブジェクトとサービスに基づいて、フォームデータモデル（FDM）を作成します。

考慮事項

ユニバーサルエディターインターフェイスの「データソース」アイコンや、右側のプロパティパネルの 連結参照 プロパティが表示されない場合は、Extension Manager で データソース 拡張機能を有効にします。

ユニバーサルエディターで拡張機能を有効または無効にする方法については、](https://developer.adobe.com/uix/docs/extension-manager/feature-highlights/#enablingdisabling-extensions)Extension Manager 機能のハイライト[の記事を参照してください。
ユニバーサルエディターのフォームの事前入力サービスは、現在サポートされていません。

前提条件

ユニバーサルエディターでフォームデータモデルを使用してフォームを設定する前に、次の手順が完了していることを確認します。

データソースを設定：フォームをバックエンドデータに接続するデータソースを設定します。
フォームデータモデル（FDM）を作成：設定したデータソースのデータオブジェクトとサービスを使用してデータモデルを作成します。
データモデルオブジェクトとサービスを設定：データモデルオブジェクトとサービスをマッピングして、フォームとデータソース間のスムーズなデータフローを確保します。

ユニバーサルエディターでのフォームデータモデルを使用したフォームの作成

ユニバーサルエディターでは、次の項目を作成できます。

スキーマベースのフォーム：スキーマベースのフォームでは、フォーム作成時に「データ」タブで設定したデータソースが使用され、データがフォームフィールドに自動的にバインドされます。
スキーマベース以外のフォーム：スキーマベース以外のフォームでは、データソースを手動で追加し、コンテンツツリーから各フィールドをバインドする必要があります。

ユニバーサルエディターのフォームのタイプ

これらの方法により、必要に応じてデータモデルをフォームに柔軟に接続できます。

スキーマベースのフォーム

スキーマベースのフォームを作成すると、データソースを使用して自動的に設定され、フォームフィールドはデータバインディングを通じて既にデータにリンクされています。フォーム作成ウィザードを使用してスキーマベースのフォームを作成するには、次の手順を実行します。

Experience Manager Forms オーサーインスタンスにログインします。
Experience Manager のログインページに資格情報を入力します。ログイン後、左上隅の Adobe Experience Manager／Forms／フォームとドキュメント を選択します。
作成／アダプティブフォーム を選択します。ウィザードが開きます。「ソース」タブで、テンプレートを選択します。

Edge Delivery Services ベースのテンプレートを選択すると、「作成」ボタンが有効になります。「データソース」タブまたは「送信」タブに移動して、データソースを選択したり、アクションを送信したりできます。
「データ」タブで、次のいずれかのデータモデルを選択できます。
- フォームデータモデル（FDM）：データソースからのデータモデルオブジェクトとサービスをフォームに統合します。フォームで複数のソースからのデータの読み取りと書き込みが必要な場合は、フォームデータモデル（FDM）を選択します。
- JSON スキーマ：データ構造を定義する JSON スキーマを関連付けることで、フォームをバックエンドシステムと統合します。これにより、スキーマ要素を使用して動的コンテンツを追加できます。
  
  例えば、「ペットフォームデータモデル」という名前の作成済みフォームデータモデルを選択します。
  
  デフォルトでは、関連付けられた JSON スキーマまたはフォームデータモデル（FDM）のすべてのフィールドが自動的に選択され、対応するフォームコンポーネントに変換されるので、オーサリングプロセスが簡素化されます。また、ウィザードでは、チェックボックスを使用して、フォームに含めるフィールドを個別に選択することもできます。
「作成」をクリックすると、フォームを作成 ウィザードが表示されます。
「名前」と「タイトル」を指定します。
GitHub URL を指定します。例えば、GitHub リポジトリの名前が edsforms で、アカウント wkndforms の下にある場合、URL は次のようになります。
https://github.com/wkndforms/edsforms
「作成」をクリックします。

「作成」をクリックするとすぐに、フォームがオーサリング用のユニバーサルエディターで開きます。

フォームは、関連付けられたデータソースのデータ要素を使用して作成され、フォームフィールドには、事前設定済みのデータバインディングが含まれています。

これで、フォームに送信アクションを追加して設定できるようになりました。

スキーマベース以外のフォーム

スキーマベース以外のフォームを作成した場合、データソースは設定されません。後でフォームのプロパティを編集してデータソースを追加し、フォームフィールドのデータバインディングを手動で設定できます。次の手順を実行して、フォームのプロパティを編集し、データソースを追加します。

Experience Manager Forms オーサーインスタンスにログインします。
Experience Manager のログインページに資格情報を入力します。ログイン後、左上隅の Adobe Experience Manager／Forms／フォームとドキュメント を選択します。
データソースを追加するフォームを選択し、「プロパティ」をクリックします。

フォームプロパティが開きます。
「フォームモデル」タブをクリックして開き、次から選択 ドロップダウンメニューから選択します。次のいずれかのオプションを選択できます。
- フォームデータモデル（FDM）：フォームデータモデルを使用してフォームを作成します。
- コネクタ：Adobe Marketo データソースを使用してフォームを作成します。
- スキーマ：AEM Forms にアップロードされた JSON スキーマを使用してフォームを作成します。
- なし：フォームモデルを使用しないで最初からフォームを作成します。
  
  例えば、フォームデータモデル（FDM）を選択します
ドロップダウンリストから、作成したフォームデータモデル（FDM）を選択します。例えば、ドロップダウンリストから、ペットフォームデータモデルという名前の作成済みフォームデータモデルを選択します。

フォームデータモデル（FDM）を選択すると、警告ダイアログが表示されます。「OK」をクリックして、ダイアログを閉じます。
「保存して閉じる」をクリックします。
フォームを編集用に開きます。オーサリング用にユニバーサルエディターでフォームを開きます。

関連するフォームデータモデル（FDM）に存在するフォーム要素は、プロパティパネル の コンテンツブラウザー の「データソース」タブに表示されます。
「データソース」タブからデータ要素を選択し、「追加」をクリックします。

これらの要素をドラッグ＆ドロップして、アダプティブフォームを作成することもできます。「追加」をクリックすると、「データソース」タブで選択した要素がフォームに追加され、追加した要素の前にチェックマークが表示されます。

データ連結は、連結参照 プロパティから選択してフォームフィールドに追加できます。例えば、フォームに既に存在する ID テキストボックスにデータ連結参照を追加してみましょう。データソースツリーからフォームフィールドのデータ連結を選択するには、次の手順を実行します。

データ連結参照を追加するフォームフィールドのプロパティを開きます。
連結参照 プロパティに移動し、「参照」アイコンをクリックします。
連結参照を選択 ウィザードで、データソースツリーからデータ連結参照を選択します。
フォームフィールドに連結するデータ要素をデータソースツリーから選択し、「選択」をクリックします。

フォームフィールドはデータ要素に連結され、連結参照 プロパティに表示されます。

また、フォームフィールドの 連結参照 プロパティを手動で編集することもできます。