#F5F5F5
Adobe Experience Manager Sitesの機能

迅速な開発

Adobe Experience Manager Sitesは、既存の開発ワークフローに適合するように設計されています。Vanilla JS、HTML、CSSを利用して、パフォーマンスの高いエクスペリエンスをすばやく構築できます。豊富なAPIセットを備えているため、コンテンツへのアクセスやCMSのカスタマイズが簡単で、ボイラープレートコードを利用して、パフォーマンスを重視した webエクスペリエンスを構築できます。

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/optimized-boilerplate-code#optimized | AEM Sites boilerplate code with GitHub integration for version control. Includes blocks, styles, and component folders.

最適化されたボイラープレートコード

アドビのボイラープレートコード基盤を利用して、開発を迅速に開始しましょう。この基盤は、Core Web Vitalsで高い健全性を示すような、優れたエクスペリエンスを構築するための出発点となります。これを利用することで、開発者は簡単にプロジェクトを開始し、不要なコードを最小限に抑え、ページ読み込み時間を短縮することができます。

懸念材料の分離

コード、コンテンツ、デザインを分離して、開発者の俊敏性を高めましょう。分離させることで、コンテンツのオーサリングをデザインや開発と並行して進めることができるようになり、プロセスをモジュール化し、俊敏性を向上できます。また、webアプリケーションの開発、デバッグ、更新が簡単になり、開発のスピードと効率性が向上し、メンテナンスを簡素化できます。

Adobe Experience Manager Sites lets you troubleshoot, reload, and publish code and content separately to improve development speed and efficiency.

懸念材料の分離についてさらに詳しく

Content as a Service v2 - deeper-content-3 - Thursday, May 2, 2024 at 13:43

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | An Adobe Experience Manager Sites boilerplate content template, with headings, text, images, lists, links, buttons, code, and section blocks.

すぐに利用できるブロック

ヒーロー画像、見出し、画像、リストなどの事前に構築済みの柔軟性の高いweb要素のブロックを利用して、ページをすばやく作成しましょう。制作者はページを簡単に作成できるようになり、開発者は独自のコンポーネントの作成に集中できるようになります。

  • 直観的かつ優れた利便性: 軽量なVanilla JSやCSSベースのコンポーネントを利用して、あらゆる制作者や開発者が直観的に使用できます
  • 高速で使いやすく、SEO最適化済み: SEOと使いやすさに配慮して構築されたブロックで、ページのパフォーマンスを最適化できます
  • 所有コストの低減: 既存のAdobe Experience Manager Sitesのプロジェクトを利用して、新たなブロックを構築し、サイト作成に必要な開発とメンテナンスの負荷を軽減できます

API主導

強力で目的に合わせて構築されたAPIを使用して、Adobe Experience Manager Sitesを拡張し、GraphQL APIなどのアプリケーションを開発できます。GraphQLは、効率的なコンテンツ取得のための業界標準のクエリ言語をサポートし、要求されたコンテンツだけを返すため、リクエスト側のアプリケーションのフォーマットやニーズに合わせてレスポンスできます。また、ネストされたクエリもサポートしており、あらゆるデジタルチャネルをまたいで、迅速かつブランドに即したレスポンシブなエクスペリエンスを実現できます。

  • ヘッドレスコンテンツ配信: GraphQLクエリ言語とヘッドレスAPIを使用して、あらゆるアプリケーションにJSON形式でコンテンツを配信できます
  • 必要なデータのみを取得: コンテンツフラグメントには、アプリケーションでのレンダリングに必要なあらゆる要素、バリエーション、ネストされた参照が含まれています
  • 高速でスケーラブルなパフォーマンス: 永続的なクエリを利用することで、webアーキテクチャ向けに設計されたキャッシュ可能なコンテンツクエリと、コンテンツ配信ネットワーク(CDN)のキャッシュを活用し、高速なエクスペリエンスを実現できます
  • ツールや言語の選択が自由: フロントエンドに縛られず、SDKへの依存も最小限なGraphQLを活用することで、あらゆる言語やツール(React、Angular、iOSなど)で作業することができます
  • 強力な構造化コンテンツ: 多数のフィールドタイプをサポートし、相互関係を維持できるコンテンツフラグメントモデルを使用することで、堅牢で再利用可能なコンテンツモデルや、モジュール化されて再利用可能なコンテンツを開発できるようになります
https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#graphql | Adobe Experience Manager Sites GraphiQL Explorer user interface.
An AEM Assets media panel showing image options for building a personalized buying guide.

拡張可能な統合

独自の要件に適合するよう、必要に応じてAdobe Experience Manager Sitesを統合しましょう。

  • 事前設定済みの接続: さまざまなAdobe Experience Cloudアプリケーションと統合し、顧客にパーソナライズされた体験を提供できます
  • より迅速なエクスペリエンスの提供:Adobe Exchangeで提供される検証済みの3rdパーティアプリケーションとサービスを利用して、市場投入までの時間を短縮できます
  • 拡張可能な能力: アドビの拡張可能なフレームワークとAdobe Developer App Builderを利用して、主要な能力を拡張し、サーバーレスでクラウドネイティブなアーキテクチャ上で独自のソリューションを構築できます

クラウドネイティブな基盤

Adobe Experience Manager Sitesは、常に最新であるため、安心してご利用いただけます。クラウドネイティブの基盤により、後方互換性を維持したまま、最新のアップデートがシームレスに展開され、すぐに利用できるようになります

  • 自動的に調整されるリソース: コンテナ化により、オーサリングと公開の両方で動的な自動拡張が可能になります
  • 世界中からアクセス可能: 世界中のさまざまな地域に配置され、すぐに利用できるコンテンツ配信ネットワークを利用して、遅延を低減し、可用性を向上できます
  • 信頼性の高いサービスインフラ: 99.99%という高いSLAを提供するため、高い可用性と迅速なインシデント対応を実現できます
AEM Sites sync all changes functionality updates an English, French, and Spanish language media asset simultaneously.
linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

迅速な開発機能について学びましょう

Adobe AdobeExperience Leagueでは、ドキュメント、チュートリアル、ユーザーガイドなど、さまざまな学習コンテンツを利用できます。

詳細を見る