Experience Modernization Agentの概要 experience-modernization-agent
Experience Modernization Agentが、AIを活用してweb サイトをEdge Delivery Servicesにオンボーディングする方法をご紹介します。
はじめに introduction
Brand Experience Agentの一部として、Experience Modernization Agentは、web サイトの移行と基本サイトの設定を自動化することで、Edge Delivery Servicesへのオンボーディングを高速化します。
初期web サイトのオンボーディング用に サイトの作成と移行のスキル を、サイトの作成と移行のワークフローをサポートするために ブロック開発機能を組み合わせています。 また、Web ベースのAI支援による開発環境として、Experience Modernization Consoleを直接利用できます。 ユーザーはそのコンソールを通じて直接エージェントを操作できますが、開発者は出荷内容を完全に制御できます。
複雑または優先度の高い移行の場合、Adobeでは、Agentic Outcome Engineer （AOE）配信モデル、Experience Modernization Agentを使用して本番環境に対応したEdge Delivery サイトを配信するように設計されたエンジニアリング主導のサービスを提供します。
メリット benefits
Experience Modernization Agentは、Edge Delivery Services導入の価値実現までの時間を短縮し、ブランドのweb体験を適応させる俊敏性を提供します。
- 高速: AI オートメーションは、反復的な移行作業（コンテンツの読み込み、ブロックマッピング、デザインシステム アプリケーション）を処理し、従来のアプローチと比較して移行タイムラインを圧縮します
- 効率性に重点を置く：自動化によって反復的な作業が削減されるため、チームはより価値の高い実装作業に集中できるようになります
- 誰でもアクセス可能：自然言語のリクエストにより、技術的な知識を持たないユーザーでもweb サイトの変更にアクセスできるようになり、ライブプレビューで変更をすぐに検証できます
- エンタープライズガバナンス：開発者は、GitHubと統合されたレビューワークフローを通じて、公開される内容に対する完全な権限を維持します
- 移行後の柔軟性:Edge Delivery Services パターンを使用して、移行されたサイトを拡張および改良できます
サイトの作成と移行のスキル creation-migration
Experience Modernization Agentは、新しいEdge Delivery Services サイトを作成し、既存のweb サイトを移行するためのスキルを提供します。 新しいEdge Delivery Services サイトまたは移行では、これらのスキルを活用することをお勧めします。
- Edge Delivery Servicesを導入することで、web サイトの構築と移行を数か月から数週間、数日に短縮し、価値実現までの時間を大幅に短縮できます
- CMS プラットフォーム、レガシーAEM、デザインシステム（Figmaなど）の幅広い範囲からの実稼動対応のEdge Delivery Services プロジェクトへの移行をサポートします
- Edge Delivery Services ガイダンスに沿ったパフォーマンス、アクセシビリティ、レスポンシブデザインのベストプラクティスをサポートしています
詳細なスキルには、ページの移行、一括読み込み、デザイン抽出、ナビゲーション設定、web スクレイピングなどがあります。
ブロック開発機能 block-development
Experience Modernization Agentは、様々な開発作業に対応する一般的なEdge Delivery Services開発機能を活用し、初期のサイト作成や移行にとどまらない継続的な価値を提供します。
- 作成者にとって使いやすいコンテンツモデルのためのコンテンツ駆動開発（CDD）手法に従います
- ブロックコレクション および ブロックパーティ を利用して、参照実装とベストプラクティスを見つけます
- デプロイメント前に変更を検証するためのワークフローのテストとデバッグをサポート
詳細な機能には、ブロック開発、コンテンツモデリング、参照ブロックの発見、テスト、デバッグなどがあります。
Experience Modernization Console console
Experience Modernization Agentは、Edge Delivery Servicesのweb ベースのAI支援による開発環境を提供し、aemcoder.adobe.ioにweb インターフェイスとして公開します。
- コンソールでは、ユーザーが自然言語ですぐに変更を求めるプロンプトを開始するためのローカル設定は必要ありません。
- AEMのライブプレビューを使用してエクスペリエンス開発タスクをプレビューし、コンテンツをAEMに同期しながら、日々の作業を迅速に完了。
- コンソールは、標準のGitHub レビューワークフローによるエンタープライズガバナンスをサポートしています。
セルフサービスのExperience Modernization Consoleが一般に利用可能です。 興味のあるユーザーは、スムーズなオンボーディング体験を実現するために、利用申請できます。
Experience Modernization Consoleの基本を学ぶ
- ドキュメント作成をターゲットにしてサイトを最新化する場合は、こちらから始めてください。
- AEM オーサリングをターゲットにしてサイトを最新化する場合は、こちらから始めてください。
プロジェクト文書作成スキル project-documentation
プロジェクトの引き継ぎには時間がかかる性質があるため、 オーサリングと開発作業が完了すると、プロジェクトドキュメントスキル は包括的なドキュメントを自動的に生成できます。
Agentic Outcome Engineer （AOE）による配信 aoe-delivery
複雑な移行や迅速な移行の場合、AdobeはAOE （エージェンティックアウトカムエンジニア）機能を提供します。 これは、AdobeのエンジニアがExperience Modernization Agentを担当し、AIによる自動化と専門家のガイダンスを組み合わせて、本番環境での使用に対応した結果を大規模に提供するオプションサービスです。 AOE配信について詳しくは、「Experience Modernization AgentのAOE配信」のドキュメントを参照してください。
次の移行のAOE モデルに興味がある場合：
- スコーピングとスケジュール設定については、Adobeの担当者またはアカウントチームにお問い合わせください。
- Adobeが利用条件を確認し、エンゲージメントを見積もり、エンゲージメントプランを提案します。
制限事項 limitations
次のユースケースでは、Experience Modernization Agentのスキルに加えて、追加の実装の労力が必要です。
スクレイピングスキルは、次のソースをサポートしていません。
-
認証、VPN、ファイアウォールなどの背後にあるコンテンツにアクセスできない、イントラネットまたは保護されたソース
-
複雑な動的コンテンツ（例えば、高度なユーザーインタラクションを必要とするコンテンツなど）がDOMに表示される。
- クライアント側でレンダリングされたコンテンツは、特定のURLを介してコンテンツにアクセスできる場合にサポートされます。
- CSSで非表示になっている要素も、タブ、アコーディオン、カルーセルなどDOMに存在する要素もサポートされています。
エージェントは次のターゲットをサポートしていません。
- サイトがHTL ベースの配信を使用するAEM パブリッシュ環境
- このスキルは、Edge Delivery Servicesのみを対象としています。
- APIのみの配信やSPA ベースの配信（Next.jsなど）などのヘッドレス配信パターン
次の要件は、専用の自動化スキルではカバーされないため、手作業が必要です。
- 厳密なピクセルの完全性
- 実用的な設計忠実度のみが自動化されます
- サーバーまたはクライアントサイドのサードパーティデータ/サービスの統合
- コマースや検索機能の統合
- マーテクのデータレイヤーまたはターゲティング/実験
- コンテンツ/エクスペリエンスフラグメントの分離
- マルチサイト継承（MSM）
- カスタム機能（例：計算機、コンフィギュレーター）
- カスタムビジネスロジック
次の手順 next-steps
ドキュメント Experience Modernization Agentの概要を使用してサイトを移行することから始めます。