Forms Experience Builder - プロンプトライブラリ
Forms Experience Builder 用に最適化された再利用可能なプロンプトパターンと例のコレクション。この効率化されたライブラリは、LLM を活用したスマートフィールドとブランドの一貫性のサポートが強化されている、ゼロから作成および読み込みと変換という 2 つのコア作成方法に焦点を当てています。
aem-forms-ea@adobe.com にメールを送信して、アクセスをリクエストします。このプロンプトライブラリの使用
このライブラリは、一般的なフォーム作成シナリオに再利用可能なプロンプトパターンを提供します。包括的なベストプラクティスについて詳しくは、Forms Experience Builder 入門ガイドを参照してください。
このライブラリのクイックヒント
- 例から開始 - 提供されたプロンプトをテンプレートとして使用し、ニーズに合わせて調整します
- 2 つの作成方法 - 「ゼロから作成」アプローチまたは「読み込みと変換」アプローチを選択します
- 具体的に指定 - 一般的な例に独自の詳細を追加します
- 徹底的にテスト - 常に特定の環境で結果を検証します
ブランドのテンプレートとスタイル
一貫性のあるフォーム作成のためにブランドアセットを事前に準備:
- ブランドテンプレート - 組織のカラー、フォント、レイアウトパターンを使用して、標準化されたフォームテンプレートを準備します。
- スタイルガイドライン - Forms Experience Builder が適用できる一貫性のあるフィールドスタイル、ボタンデザイン、間隔の標準を定義します。
- コンポーネントライブラリ - 開発チームと連携して、ブランドアイデンティティに一致する再利用可能なフォームコンポーネントを準備します。
- ビジュアルアセット - フォーム統合用のロゴ、アイコン、背景要素を準備します。
漸進型開発の例
これらの例では、最初は簡単なものから始めて徐々に複雑なものを追加し、段階的にフォームを作成する方法を示しています。
例 1:連絡先フォームを漸進的に作成する
手順 1 - シンプルに開始:
名前、メール、メッセージのフィールドを使用して基本的な連絡先フォームを作成します。
手順 2 - 検証の追加:
適切な検証を行って、@name と @email の必須フィールドを作成します。
手順 3 - ユーザーエクスペリエンスの向上:
プレースホルダーテキストを追加してください。@name "生年月日", @email "your.email@company.com", @message "どのようにお手伝いできるかお聞かせください"
手順 4 - 高度な機能の追加:
「一般的な質問」、「サポートリクエスト」、「セールスに関するお問い合わせ」、「パートナーシップ」などのオプションを含むドロップダウンの inquiryType を追加してください
手順 5 - 条件付きロジックの実装:
/create-rule は、@inquiryType が「サポートリクエスト」に等しい場合にのみ、@urgencyLevel ドロップダウン(低、中、高)を表示します
例 2:登録フォームの段階的作成
手順 1 - 基本構造:
個人情報パネルを含むユーザー登録フォームを作成してください
手順 2 - 必要なフィールドの追加:
適切な検証を行って、@firstName、@lastName、@email、@phoneNumber のフィールドを追加してください
手順 3 - ビジネスロジックの追加:
ルールを作成してください。@age が 18 歳未満の場合は、親/保護者の情報セクションを表示してください
手順 4 - 環境設定を使用した機能強化:
@newsletterSubscription、@marketingConsent、@termsAccepted を含む環境設定パネルを追加してください
手順 5 - ファイルのアップロードの追加:
@profilePicture に 5MB のサイズ制限があるファイルアップロードフィールドを追加してください
フォームの作成と管理
用途:新規フォームを作成する必要がある場合や、既存のフォームを変更する必要がある場合。
使用方法: 2 つの方法から 1 つ選択します。「ゼロから作成」または「読み込んで変換」(『 はじめる前に』を参照 。
プロンプトの例 - フォームの簡単な作成:
次の項目を含む顧客フィードバックフォームを作成してください。
- 製品評価(1~5 つ星)
- 詳細なフィードバックのコメントフィールド
- お客様のメール(オプション)
- メール通知への送信
プロンプトの例 - 複雑なフォームの作成:
次の項目を含む包括的な従業員オンボーディングフォームを作成してください。
**個人情報セクション:**
- 氏名(名、ミドルネーム、姓)
- 生年月日(年齢検証済み)
- 連絡先情報(メール、電話、住所)
- 緊急連絡先の詳細
**雇用詳細:**
- 役職と部門の選択
- 勤務開始日(営業日検証済み)
- 給与情報(機密保持通知を含む)
- 報告体制
**ドキュメントのアップロード:**
- 履歴書/職務経歴書のアップロード(PDF、DOC、DOCX)
- 本人確認書類
- 税務申告書と銀行口座情報
- 署名済みの雇用契約書
**希望:**
- 福利厚生の選択(コスト計算ツールを含む)
- 勤務スケジュールの希望
- トレーニング要件
- 必要な機器
**検証ルール:**
- メール形式の検証
- 電話番号形式の検証
- 年齢は 18 歳以上であること
- 必要なすべてのドキュメントをアップロードすること
- 利用条件に同意すること
**送信アクション:**
- 新入社員に確認メールを送信すること
- 人事部門に通知すること
- 人事システムに従業員記録を作成すること
- オリエンテーション会議をスケジュールすること
フォーム管理プロンプト:
この PDF 申請フォームを読み込み、検証を機能強化したアダプティブフォームに変換してください
既存の連絡先フォームを更新し、ソーシャルメディアのハンドルと希望する連絡方法を追加してください
登録フォームを、個人情報、環境設定、確認の 3 ステップウィザードに再編成してください
フィールドの管理と設定
用途:フォームフィールドを追加、変更、設定する必要がある場合。
使用方法:フィールドのタイプ、検証ルールおよびユーザーエクスペリエンスの期待について、具体的に指定します。
プロンプトの例 - 基本フィールドの追加:
「会社名」のテキスト入力フィールドを追加し、「会社名を入力してください」というプレースホルダーを追加してください
プロンプトの例 - 高度なフィールドの設定:
次の項目を含む包括的な住所セクションを追加してください。
**番地:**
- 住所 1 行目(必須、最大 100 文字)
- 住所 2 行目(任意、最大 100 文字)
- 市区町村(必須、一般的な市区町村を含むドロップダウン)
- 都道府県(必須、ドロップダウン)
- 郵便番号(必須、形式検証)
- 国(必須、デフォルトは「米国」)
**検証ルール:**
- 郵便番号は選択した都道府県と一致する必要があります
- 住所 1 行目は空にできません
- 市区町村は選択した都道府県で有効な市区町村にする必要があります
**ユーザーエクスペリエンス:**
- 住所フィールドのオートコンプリート
- 明確なラベルとヘルプテキスト
- モバイル対応の入力フィールド
- アクセシビリティコンプライアンス
フィールド設定プロンプト:
@email フィールドを必須とし、リアルタイム検証とカスタムエラーメッセージを設定してください
@country に、米国、カナダ、英国、ドイツ、フランスおよび「その他」のオプションを含むドロップダウンを追加してください
@phoneNumber フィールドを (XXX) XXX-XXXX の形式に設定し、検証を行ってください
@resume にファイルアップロードフィールドを追加してください。PDF と DOC の制限があり、最大 5MB です
LLM 拡張スマートフィールド
用途: AI のナレッジベースを活用する事前入力済みオプションを持つフィールドが必要な場合。
使用方法:包括的なデータセットが必要なフィールドをリクエスト - AI は、組み込みの知識を使用してオプションを自動的に入力できます。
地理的と場所フィールド
空港と輸送機関:
すべての主要国際空港を含む出発空港のドロップダウンを追加してください
到着空港フィールドを追加し、IATA コードと空港名を入力してください
ユーザーの現在地に最も近い空港のフィールドを作成してください
ヨーロッパの市区町村の鉄道駅の選択項目を追加してください
行政区域:
米国の州の略称を含む完全なリストを追加してください
ISO コードと正式名称を含む国ドロップダウンを作成してください
世界の主要都市とタイムゾーンを入力するフィールドを追加してください
カナダの州と準州のドロップダウンを追加してください
英国の郡と郵便番号用のフィールドを追加してください
ビジネスと業界データ
会社分類:
NAICS コードを使用した業界分類用のフィールドを追加してください
ビジネスエンティティタイプ(LLC、株式会社、パートナーシップなど)のドロップダウンを作成してください
会社サイズカテゴリ(スタートアップ、SME、大規模法人)のフィールドを追加してください
大規模組織の場合は部門の選択を含めてください
プロフェッショナルサービスタイプのフィールドを追加してください
プロフェッショナルな分類:
一般的な業界の役割に対応する役職名のフィールドを追加してください
フィールド別に専門職認定のドロップダウンを作成してください
学位タイプに応じて教育レベルを含めてください
経験年数の範囲のフィールドを追加してください
プログラミング言語とフレームワークの選択項目を作成してください
標準と規制
財務と法務:
記号および為替レートを含む通貨コードのフィールドを追加してください
国別に税金 ID タイプのドロップダウンを作成してください
法的文書タイプのフィールドを追加してください
セキュリティ機能を含む支払方法オプションを追加してください
国別に銀行機関の選択項目を作成してください
技術標準:
拡張子を含むファイル形式タイプのドロップダウンを追加してください
ネットワークプロトコルオプションを含めてください
データベースのタイプとバージョンのフィールドを追加してください
API 認証方法の選択項目を作成してください
ヘルスケアと医療
医療分類:
医療専門分野のフィールドを追加してください
一般的な医薬品の一般名でのドロップダウンを作成してください
保険会社タイプのフィールドを含めてください
緊急連絡先となる医療関係の選択項目を追加してください
食事制限とアレルギーのフィールドを作成してください
時間とカレンダーインテリジェンス
日付と時刻フィールド:
タイムゾーンの処理と共に営業時間のフィールドを追加してください
国別の祝日ドロップダウンを作成してください
日付範囲で季節オプション含めてください
会議室の予約状況と空き状況を表示するフィールドを追加してください
定期的な会議パターンの選択項目を作成してください
製品とサービスカテゴリ
e コマース分類:
製品カテゴリとサブカテゴリのフィールドを追加してください
配送予定日を含む配送方法のドロップダウンを作成してください
返品ポリシーオプションのフィールドを含めてください
顧客の優先度レベルの選択項目を追加してください
購読の請求サイクルのフィールドを作成してください
スマートフィールドプロンプトの例:
「IATA コードと市区町村名を含む世界中の主要空港を網羅した出発空港フィールドを追加してください」
「NAICS 標準分類とテクノロジーサブカテゴリを用いた包括的な業種フィールドを作成してください」
「選択した職種フィールドに応じて調整可能な専門資格ドロップダウンを含めてください」
「選択した国に応じて書式設定される国際電話番号フィールドを追加してください」
「主要大学を国別およびランキング別に整理した大学選択フィールドを作成してください」
ルールの作成とビジネスロジック
用途:条件付きロジック、検証ルールまたはビジネスプロセスを実装する必要がある場合。
使用方法:条件とアクションを指定して、ビジネスロジックを明確に記述します。
プロンプトの例 - シンプルな条件付きロジック:
@maritalStatus が「既婚」の場合にのみ、@spouseInformation パネルを表示するルールを作成
プロンプトの例 - 複雑なビジネスルール:
包括的なローン申請検証を実施してください。
**収入検証:**
- @annualIncome が 30000 未満の場合:
- 次の警告メッセージを表示してください。「申請したローン金額に対して収入が不足している可能性があります」
- 追加の収入証明書類を要求してください
- 次のメッセージを表示してください。「追加の証明書類が必要になる場合があります」
- @annualIncome が 100000 を超える場合:
- プレミアムサービスオプションを表示してください
- 優先度処理チェックボックスを有効にしてください
**年齢に基づく検証:**
- @age が 18 歳未満の場合:
- 保護者情報セクションを表示してください
- 保護者の署名アップロードを必須にしてください
- 送信ボタンのテキストを「レビュー用に送信」に変更してください
- @age が 65 歳以上の場合:
- シニアディスカウントオプションを表示してください
- アクセシビリティ環境設定セクションを追加してください
ルール固有のプロンプト:
@maritalStatus が「既婚」または「同性パートナー」の場合にのみ @spouseInformation パネルを表示する **表示ルール** を作成してください
以前の回答に基づいて追加の質問が表示される **段階的開示** を追加してください。基本情報から開始して、関連するフォローアップを表示してください
@country を選択すると関連フィールドが自動設定される **スマートデフォルト** を実装してください。手動による上書きを許可してください
データ統合と送信
用途:バックエンドシステム、データベース、または外部サービスにフォームを接続する必要がある場合。
使用方法:基本的な送信設定から始めて、段階的に統合を追加します。統合タイプ、データ形式要件、エラー処理の環境設定を指定します。
プロンプトの例 - 基本送信から開始:
@applicationForm の基本的なフォーム送信設定:
**プライマリ送信:**
- フォームデータを REST エンドポイント `/api/v1/applications` に送信してください
- データを JSON として書式設定してください
- 次の成功メッセージを表示してください。「アプリケーションが正常に送信されました」
- 送信に失敗した場合は次のエラーメッセージを表示してください。「送信に失敗しました。もう一度試してください」
次に、二次的なアクションを段階的に追加:
@applicationForm にメール通知を追加してください。@email アドレスに申請参照番号を含む確認メールを送信してください
@applicationForm に CRM 連携を追加してください。@firstName、@lastName、@email で新規リードレコードを作成し、ステータスを「新規申請」に設定してください
プロンプトの例 - 標準的なマルチチャネル送信:
複数のデータ宛先を持つフォーム送信を設定してください。
**プライマリ送信:**
- フォームデータを REST エンドポイント `/api/v1/applications` に送信してください
- API キーを含む認証ヘッダーを含めてください
- 住所と雇用情報をネストしたオブジェクトを含む JSON 形式でデータを書式設定してください
- お礼のメッセージを表示して、成功レスポンス(201)を処理しください
**セカンダリアクション:**
- 応募者に @email アドレス宛に通知メールを送信してください
- 応募データをトラッキングシステムにコピーしてください
- 承認プロセスのワークフローをトリガーしてください
- リードステータス「新規応募」で CRM にレコードを作成してください
**エラー処理:**
- プライマリ送信に失敗した場合は、データをローカルに保存して再試行してください
- ユーザーにわかりやすいエラーメッセージ「一時的に送信できません」を表示してください
- フォームデータをバックアップとしてダウンロードするオプションを指定してください
- 送信の失敗に関するアラートメールを管理チームに送信してください
**成功フロー:**
- 応募参照番号を含む確認ページにリダイレクトしてください
- 次の手順を含む確認メールを送信してください
- 処理の見込みタイムラインを表示してください
統合固有のプロンプト:
このフォームを **CRM システム** に接続して、新しいリードを作成してください。@firstName を FirstName に、@email を Email にマッピングし、LeadSource を「Web フォーム」に、Status を「新規」に設定してください
フォームを送信した際に **ワークフロートリガー** を設定してください。すべてのフォームデータを渡し、マネージャーへの通知で承認ワークフローをトリガーしてください
**データベース統合** を設定して、フォーム送信をレコードとして保存してください。アップロードされたドキュメントを含む各送信用に新しいフォルダーを作成してください
コマンドリファレンス
必須コマンド
/create-form/create-form employee onboarding with personal info and benefits selection/add-form/add-form newsletter signup with email and preferences/update-layout/update-layout wizard with 4 steps: info, preferences, review, confirm/update-field/update-field @email to be mandatory with real-time validation/create-rule/create-rule show @spouseInfo if @maritalStatus equals "Married"/create-panel/create-panel Employment Details with job title, company, salary fields/add-panel/add-panel from uploaded form image with field recognition/help/help how to implement multi-step validation?フィールド参照
@fieldName 構文を使用して、プロンプト内の既存のフィールドを参照します。
@email- 参照メールフィールド@firstName- 参照名フィールド@maritalStatus- 参照婚姻ステータスフィールド
コンポーネントタイプ
入力コンポーネント:
text、email、number、tel、date、checkbox、radio、、dropdown、file、textarea
コンテナコンポーネント:
fieldset、panel、repeatable、wizard
コンポーネントプロパティ
ユニバーサルプロパティ(すべてのコンポーネント):
- Type:コンポーネントタイプ
- Name:フォーム送信用のフィールド ID
- Labe:フィールドのテキストを表示します
- Description:フィールドのヘルプテキスト
- Visible:最初の表示のブール値
- Mandatory:必須フィールドのブール値
入力フィールドプロパティ:
- Value:デフォルト/初期値
- Placeholder:入力フィールドのヒントテキスト
- Min:最小値(数値/日付)
- Max:最大値(数値/日付)
ファイルアップロードプロパティ:
- Accept:ファイル形式(.pdf、.doc、.docx、.jpg、.png など)
- Multiple:複数のファイルを選択する場合はブール値
選択コントロールプロパティ:
- Options:ドロップダウンの選択肢(コンマ区切りリスト)
- Checked:チェックボックス/ラジオのデフォルト選択
コンテナプロパティ:
- Fieldset:グループ化に関連するフィールド
- Repeatable:繰り返し可能なセクションのブール値
詳細プロパティ:
- Visible Expression:条件付き表示の数式(=数式)
- Value Expression:計算値の数式(=数式)
統合コマンド
送信アクション:
- メール通知
- REST API 送信
- クラウドストレージ(Azure、SharePoint)
- ワークフロー自動化(Power Automate、Workfront Fusion)
- マーケティングプラットフォーム(Marketo)
- CRM 統合
プロンプト構文ガイドライン
- フィールド参照:既存のフィールドに
@fieldNameを使用します - コマンド:特定のアクションに
/commandを使用します - 自然言語:要件を明確かつ具体的に記述します
検証チェックリスト
包括的なベストプラクティスと検証のガイドラインについて詳しくは、Forms Experience Builder 入門ガイドを参照してください。
このプロンプトライブラリは、ユーザーフィードバックと新しい Forms Experience Builder 機能に基づいて継続的に更新されます。最新の機能と例について詳しくは、AEM Forms のドキュメントを参照してください。