AEM Forms のユニバーサルエディターインターフェイスの操作

ユニバーサルエディターは、Edge Delivery Services を使用して AEM Forms を作成する視覚的なインターフェイスを提供します。これは、フォームがユーザーにどのように表示されるかを正確に表示する What You See Is What You Get（WYSIWYG） ​エクスペリエンスを提供します。

このガイドは、フォームを効率的に作成するインターフェイスを理解するのに役立ちます。フォーム作成を初めて行う場合でも、経験豊富な開発者でも、このガイドは次の点で役立ちます。

必要なスキルを学ぶ：

主なワークフローを学ぶ：

すぐに始める

初めてのユーザー： ​まずは基本ツールから始めて、最も頻繁に使用するコア機能を学習してください。

経験豊富なユーザー： ​特殊なツールと統合について詳しくは、高度な機能に進んでください。

クイックリファレンス： ​すばやく検索するには、インターフェイスの概要およびキーボードショートカットの節を参照してください。

インターフェイスの概要

ユニバーサルエディターインターフェイスは、それぞれ特定のタスク用に設計された 4 つの主な領域に整理されています。

インターフェイスフロー： ​ほとんどのユーザーは主に​ エディターキャンバス（D）と​ プロパティパネル（C）で作業し、プレビューや公開などのアクションには​ ツールバー（B）を使用します。

フォーム作成の基本的なツール

ユニバーサルエディターを初めて使用する場合は、ここから開始してください。ほとんどのフォーム作成タスクで使用するコアツールを次に示します。

1. エディターキャンバス - 主なワークスペース

エディターキャンバス ​は、フォームを視覚的に作成する場所です。ユーザーに対してフォームがどのように表示されるかを正確に表示します。

主なアクション：

2. プロパティパネル - コンポーネントの設定

プロパティパネル（右側）では、選択したコンポーネントをカスタマイズし、フォーム構造を管理します。

基本的な機能：

3. ツールバーの基本 - プレビューと公開

ユニバーサルエディターツールバー ​には、フォームをテストおよび公開するための主なアクションが用意されています。

知る必要があるツール：

4. クイックスタートワークフロー

最初のフォームの場合：

検証チェックポイント：

Experience Cloud ヘッダー

Experience Cloud ヘッダー ​には、ナビゲーションおよびアカウント管理ツールが提供されます。ほとんどのフォームビルダーは、Adobe ツール間の切り替えやヘルプへのアクセスに使用することがあります。

主な要素：

最も一般的な用途：

ユニバーサルエディターのツールバー

ユニバーサルエディターのツールバー ​には、フォーム編集および公開用のプライマリツールが含まれます。これらは、使用頻度と一般的なワークフロー別に整理されています。

毎日のワークフローツール

これらのツールは、ほとんどのフォーム作成セッションに使用されます。

プレビューモード（p ショートカット）

目的： ​ユーザーが体験するとおりにフォームをテストします
用途： ​公開する前に、変更を行った後にフォームの機能をテストします

ベストプラクティス： ​大きな変更を行うたびにプレビューして、問題を早期に発見します。

レスポンシブモード

目的： ​モバイルデバイスでのフォームの表示方法を確認します
用途： ​フォームを作成した後、公開する前

ベストプラクティス： ​常にモバイルビューをテスト - 多くのユーザーは携帯電話でフォームにアクセスします。

ページを開く（o ショートカット）

目的： ​エディターインターフェイスを使用せずに、新しいタブでフォームを表示します
用途： ​全画面テストの場合は、レビュー用に関係者と共有します

公開

目的： ​フォームをライブにして、ユーザーに対してアクセスできるようにします
用途： ​プレビューモードとレスポンシブモードで徹底的にテストした後

公開前の検証チェックリスト：

ナビゲーションツール

「ホーム」ボタン

目的： ​ユニバーサルエディターの開始ページに戻ります
用途： ​別のフォームでの作業の開始

場所バー（l ショートカット）

目的： URL で任意のフォームに直接移動します
用途： ​特定のフォーム間をすばやく切り替えます

詳細設定ツール

これらのツールは、特定のシナリオまたは高度な設定に使用されます。

AEM フォームプロパティ

目的： フォームデータモデル（FDM）などのフォームレベルの設定、送信アクションと公開日の設定
用途： ​データ統合の設定、公開のスケジュール

フォームプロパティパネルには、次のセクションが含まれます。

ルールエディター（早期アクセス）

目的： ​動的な動作、検証、条件付きロジックを追加します
用途： ​複雑なビジネスロジックを備えたインタラクティブフォームの作成

認証ヘッダー設定

目的： ​開発テスト用のカスタム認証ヘッダーを設定します
用途： ​認証必須フォームを使用したローカル開発

その他のオプション（省略記号メニュー）

目的： ​非公開などの一般的ではないアクションにアクセスします
用途： ​フォームをオフラインで取得し、詳細オプションにアクセスします

プロパティパネル

プロパティパネル（右側）は、フォームの作成と設定を行うコントロールセンターです。選択内容に基づいて変化し、異なるタスクに対して様々なツールを提供します。

コアフォーム作成ツール

これらのツールは、フォームの作成と整理に不可欠です。

コンポーネントを追加（a ショートカット）

目的： ​新しいフォームフィールドと要素を挿入します
機能： ​選択したコンテナで使用可能なコンポーネントを表示します

一般的なコンポーネント：

プロパティモード（d ショートカット）

目的： ​選択したコンポーネントの設定を指定します
用途： ​コンポーネントを追加して、その動作をカスタマイズした後

主な設定：

コンテンツツリー（f ショートカット）

目的： ​フォーム構造を移動および整理します
用途： ​複数のセクションを持つ複雑なフォーム、特定のコンポーネントの検索。

メリット：

コンポーネントのアクション

目的： ​既存のコンポーネントを管理します
使用可能なアクション：

高度な機能と統合

これらのツールにより、高度なフォーム機能が有効になります。

![バリエーションを生成]（/help/edge/docs/forms/universal-editor/assets/ue-variations.png）

![実験]（/help/edge/docs/forms/universal-editor/assets/ue-experimentation.png）

![パーソナライゼーション]（/help/edge/docs/forms/universal-editor/assets/ue-personalizaton.png）

エディターキャンバス

エディターキャンバス ​は、フォームを視覚的に作成する主なワークスペースです。 ユーザーに対してフォームがどのように表示されるかを正確に表示し、変更を行うとリアルタイムのフィードバックが提供されます。

主な機能：

ベストプラクティス：

キーボードショートカット

フォームをより迅速で効率的に作成するには、次のショートカットを取得します。

プロのヒント： ​これらのショートカットを組み合わせて使用します。例えば、コンポーネントを選択し、d キーを押して設定し、p キーを押して変更をテストします。

一般的なワークフロー

最初のフォームの作成

既存の Forms の編集

チームとの共同作業

よくある問題のトラブルシューティング

インターフェイスの問題

効率的なフォーム作成のベストプラクティス

整理のヒント

ユーザーエクスペリエンス

パフォーマンスの最適化

次の手順

これで、ユニバーサルエディターのインターフェイスについて説明しました。

注意： ​ユニバーサルエディターは、フォームの作成を直感的に行えるように設計されています。まずは基本的な機能から始めて、ニーズの拡大に合わせて徐々に高度な機能を探索してください。