#F5F5F5

Experience Manager Sitesコンポーネントで魅力的な体験を迅速に構築します。

「コンポーネント」というタイトルのドロップダウンメニューが表示されたユーザーインターフェイスで、アコーディオン、ボタン、カルーセル、コンテンツフラグメント、エクスペリエンスフラグメント、画像などのオプションがあります。カーソルが「コンテンツフラグメント」を選択しています。背景には、「Sentry」のwebサイトのプレビューがあり、光り輝く色とりどりのチーターと、「詳細を見る」ボタンで企業向けネットワークソリューションを宣伝するマーケティングテキストが描かれています。
#F5F5F5

モジュール式システムでweb開発やページ開発を加速させます。

Adobe Experience Manager Sitesは、モジュール式webコンポーネントの強力なシステムにより、チームがレスポンシブなデジタルエクスペリエンスを迅速に構築できるようにします。ドラッグ&ドロップ対応のUI要素を含む、豊富なライブラリとコアコンポーネントを活用することで、ページ作成を加速し、ブランドの一貫性を確保し、カスタムコーディングの手間を省きます。Experience Manager Sitesのコンポーネント主導のアプローチは、開発効率を高め、拡張性の高いコンテンツ運用をサポートし、総所有コストを削減します。

課題:コンテンツベロシティの課題の克服。

新鮮で魅力的なコンテンツを複数のマーケットに提供するには、スピードと一貫性が求められます。従来のweb開発モデルは、手作業によるコーディングと再利用不可能な要素に依存しているため、ページ作成のスピードが遅くなり、開発者のリソースに負担がかかり、デバイス間でブランディングに一貫性がなくなるリスクがあります。

モジュール式のフレームワークがない場合、マーケティングチームは自らのビジョンを実際の体験として反映させるまでに時間がかかり、開発者はフォーム、画像ギャラリー、ナビゲーションメニューなどの標準コンポーネントを再作成することに貴重な時間を費やすことになります。今日のデジタル環境において、企業はコンテンツの迅速な提供ニーズに応えながらも、品質や俊敏性を損なわないために、拡張性が高く再利用可能なシステムを必要としています。

Experience Manager Sites webコンポーネントでデジタルエクスペリエンスを迅速に構築します。

Experience Manager Sitesは、事前定義済みでカスタマイズ可能なコンポーネントの高度なシステムによって、これらの課題に対応します。

  • 制作者 は、視覚的なドラッグ&ドロップインターフェースを使って、レスポンシブでブランドに沿ったページを迅速に構築できます。高度な技術的専門知識は必要ありません。
  • 開発者 は、標準化され後方互換性を備えたコンポーネントを再利用、拡張することで生産性を向上させ、カスタム作成にかかる時間を短縮し、保守作業を効率化できます。

このモジュール式のアプローチにより、すべてのチャネルで一貫したデジタルエクスペリエンスが保証され、設計の整合性やパフォーマンスを維持しながら、マーケットへの提供スピードを加速できます。

Experience Managerコンポーネントでweb開発を加速します。

Experience Manager Sitesのコアコンポーネントは、標準化され本番環境で使用できるUIの構成要素を提供し、ページ作成の高速化と、あらゆるデジタル接点における一貫したユーザーエクスペリエンスの実現を可能にします。制作者は、パンくずリスト、検索バー、カルーセル、フォーム、画像ギャラリーなどの直感的なコンポーネントを使って、視覚的にページを簡単に組み立てることができます。一方、開発者はコアコンポーネントの拡張性、バージョン管理、後方互換性の利点を活用し、将来にわたって拡張性の高いサイトの進化に対応できる基盤を手に入れます。このアプローチによりカスタム開発の必要性が減り、アップグレードが簡素化されることで、長期的な総コストの削減につながります。

Adobe Experience Manager Sitesコンポーネントの利点。

機能的で柔軟なwebコンポーネント。

Experience Managerの各コンポーネントは、スクリプト、スタイル、機能を一体化した、自己完結型で設定可能なリソースです。制作者は、基本的なテキスト要素からアコーディオンやタブといった複雑なUI要素まで、標準的なユースケースにおいて開発者の介入なしに簡単にコンポーネントを調整できます。

アップグレード可能なCMSコンポーネントでコストを削減します。

Experience Managerのコアコンポーネントは、長期使用とアップグレードを見据えて設計されており、時間の経過による保守リスクを低減します。定期的なバージョン管理と後方互換性により、開発投資を保護し、高度にカスタマイズされたレガシーソリューションと比べてプラットフォームのアップグレードが簡素化されます。

継承されたUIコンポーネントによる一貫したブランドエクスペリエンス。

Experience Managerのテンプレートとコンポーネントの継承により、ヘッダー、フッター、ナビゲーションバーなどの共通要素がサイト全体で視覚と機能の一貫性を保ちます。また、Experience Managerのスタイルシステムにより、定義済みのスタイルバリエーションを活用でき、制作者を支援しつつブランド基準を維持します。

最適化されたビジュアルのためのダイナミックメディア統合。

画像ベースのコンポーネントはExperience Managerダイナミックメディアとシームレスに統合されており、スマート切り抜きや画像プリセット、パフォーマンス最適化などの機能をコンポーネント設定内で直接利用できるため、すべてのデバイスで高品質なビジュアルを実現します。

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=jpn&autoplay=true&hidetitle=true

コンポーネント用語の比較。

用語
Experience Managerの文脈と関連性
webコンポーネント
Experience Managerのコンポーネントは、再利用性やカプセル化、高速な開発といった利点を提供し、webページの構成要素として機能します。
UIコンポーネント
多くのExperience Managerのコンポーネントは、フォームやボタン、ナビゲーション、カルーセルなどのユーザーインターフェイス要素を直接レンダリングし、制作者が設定しユーザーが操作できるようになっています。
CMSコンポーネント
Experience ManagerのコンポーネントはCMS内で管理され、ページ上のコンテンツ構造や外観を定義し、しばしばテンプレートやワークフローとリンクしています。
ドラッグ&ドロップコンポーネント
ビジュアルエディターを使用してページ上にコンポーネントを追加、配置する、Experience Manager Sitesの主なオーサリング方法を表します。
コンテンツコンポーネント
Experience Managerのコンポーネントは、テキスト、画像、動画、フラグメントなど、ページ体験を構成する個別のコンテンツ要素を管理します。
コアコンポーネント
Experience Manager固有の柔軟性、保守性、パフォーマンスを重視して設計され、最新かつ標準化されたベストプラクティスに基づく、すぐに利用できるコンポーネント群です。
すぐに利用できるコンポーネント
すぐに利用できる事前定義済みのExperience Managerコンポーネントの総称です。コアコンポーネントは、最新のExperience Manager実装における主要な例です。

よくある質問

Experience Managerはどのようにwebコンポーネントを定義しますか?
Experience Managerのコンポーネントは、カスタム要素やShadow DOMのようなネイティブブラウザー標準ではなく、HTMLテンプレート言語(HTL)やSlingなどのAdobeの技術を用いて構築されています。そのようなコンポーネントは、モジュール、再利用性、カプセル化といった重要な利点を備えています。Experience Managerのコンポーネントは自己完結型の構成要素として機能し、webページ開発のスピードを加速させます。
Experience Manager SitesにおけるUIコンポーネントとは何ですか?
UIコンポーネントとは、ユーザーインターフェイスの一部をレンダリングする事前定義済みの要素で、制作者が視覚的に設定できるものです。代表的な例として、フォーム、ナビゲーションメニュー、検索バー、カルーセル、タブ、アコーディオンなどがあり、コードの知識がなくてもインタラクティブでレスポンシブなページを作成することが可能です。
Experience Managerのコアコンポーネントとは何ですか?
コアコンポーネントは、標準化され、実運用に対応した、アドビのコンテンツ管理用コンポーネント群です。ベストプラクティスに基づいて作成されており、柔軟なオーサリング機能、豊富な設定オプション、バージョン管理、後方互換性を備えているため、最新のExperience Manager Sitesにおける推奨基盤とされています。
コアコンポーネントと基盤コンポーネントはどう違うのですか?
コアコンポーネントは、最先端で柔軟性があり、現在のベストプラクティスに基づいて保守が行われています。基盤コンポーネントは旧来の技術に依存した古いレガシーコンポーネントであり、多くは非推奨となっています。新規プロジェクトではコアコンポーネントを使用することが推奨されています。これにより、パフォーマンスの向上と長期的な保守性が確保されます。
Experience Manager GraphQL APIはコンポーネントでどのように使用されますか?
Experience Manager GraphQL APIは、開発者向けの機能で、ヘッドレス設定において、Experience Managerのコンポーネントから構造化されたコンテンツをクエリで取得できるようにします。これにより、テキストや画像のURLなど特定のフィールドを、SPA、モバイルアプリ、その他のデジタルエクスペリエンスなどのフロントエンドアプリケーションに効率的に配信できるため、パフォーマンスと柔軟性の向上につながります。
Experience Manager Sitesでの「ドラッグ&ドロップコンポーネント」とは何ですか?
ドラッグ&ドロップコンポーネントとは、Experience Manager Sitesにおける視覚的なページ構築機能を指します。制作者はサイドパネルからコンポーネントを選択し、ページ上にドラッグで配置することで、コードを書かずに直感的にレイアウトを作成し、コンテンツを公開できます。