Adobe Experience Managerのインターフェイスを示す画像
Adobe Experience Managerのインターフェイスを示す画像
con-block-row-bgcolor
#F8F8F8

Adobe Experience Manager Sites運用ガイド

必要なスキルを探り、アドビのCMSがお客様の技術スタックにどのように適合するかをご確認ください。

Adobe Experience Managerのインターフェイスを示す画像
#F8F8F8

Adobe Experience Manager Sitesの運用ガイド

コンテンツ管理システム(CMS)に求めるべき機能を解説します。アドビのヘッドレスCMSが、フロントエンド開発を簡素化し、継続的インテグレーションおよび継続的デプロイメント(CI/CD)を加速し、柔軟なコンテンツのオーサリングツールによってマーケターにページ公開の複数手段を提供する方法をご覧ください。

新しいコンテンツ管理システム(CMS)の導入は、法人にとって決して軽々しく決断できるものではありません。特にITチームにとって、いくつかの重要な検討事項があります。

  • まず、新しいCMSの技術基盤が、自社における将来のビジネス目標と技術ロードマップに合致する必要があります。複雑さを追加するのではなく、既存の開発プロセスにシームレスに統合されるべきです。
  • 次に、開発者がオンボーディングに必要なスキルとトレーニングを特定し、マーケターがプラットフォームの使用を開始できるまでの速さを検討する必要があります。どちらのチームであっても、大幅なオンボーディング作業が必要な場合、市場投入までの時間が遅れる可能性があります。
  • 最後に、会社の成長に伴うCMSのスケーラビリティと、実装および継続的なメンテナンス中に受けることができるサポートを明確に把握する必要があります。
#F8F8F8
このガイドでは、主要な運用ガイドラインを分類し、Adobe Experience Manager Sitesがすべての条件を満たすCMSである理由をご案内します。

標準化コードとレスポンシブweb開発

React、Angular、Next.jsなどの複雑なJavaScriptおよびCSSフレームワークを必要とする多くのCMSプラットフォームとは異なり、Experience Manager SitesのEdge Delivery Servicesは、Vanilla JavaScriptとCSSを使用するものの、開発者はスタックに他のフレームワークを統合する柔軟性があります。これにより、フルスタック開発者がコンテンツフレームワークとwebサイトを構築する必要はなく、ITチームはより見つけやすいオンボーディングが容易なフロントエンド開発者を雇用することができます。
Experience Manager Sites
その他のCMSプラットフォーム
コードの複雑さ
Vanilla JavaScriptとCSS
JavaScriptとCSSフレームワーク(React、Angular、Next.jsなど)
開発者スキル
フロントエンド開発
フルスタック開発
Experience Manager Sitesは、開発者がデジタルエクスペリエンスを作成するための基盤として、ボイラープレートコードも提供します。このコードは、webページのテンプレートとして機能し、最高のweb応答指標(Google Lighthouseスコア(LHS)100点や健全なCore Web Vitalsを含む)を達成するよう事前に最適化されています。開発者がカスタムブロックを開発したり、ブロックコレクションから選択したりしてボイラープレートを拡張する場合でも、このコードベースにより、新しいエクスペリエンスや更新されたエクスペリエンスがデプロイメントされる前に、Google LHSを簡単にトラブルシューティングおよびテストすることができます。
Google LighthouseスコアとAdobe Experience Manager SiteのHTMLコードを示すグラフィック

コンテンツに関しては、迅速配信は迅速な開発と同じくらい重要です。Experience Manager Sitesは、GitHub上に完全にデプロイメントされるため、継続的インテグレーションおよび継続的デプロイメント(CI/CD)パイプラインにシームレスに適合します。この緊密な統合により、手動での引き継ぎが最小限に抑えられ、全体的なデプロイメントサイクルが大幅に加速されます。Adobe Experience Manager Code Sync GitHubアプリケーションは、GitHubリポジトリを統合して、指定されたチャネルでテスト、公開、配信を行います。

可能な限り高速なページ読み込み時間を実現するため、Experience Manager Sitesは、すぐに使用できるエンタープライズレベルのコンテンツ配信ネットワーク(CDN)も提供します。完全な管理、安全性、ユーザーがどこにいてもパフォーマンスの最適化を実現します。このCDNはすぐに利用できますが、多くの大規模法人では、既にCDNを導入して、他のコンテンツを格納している場合や、特定の地域で運用している場合があります。そのような場合でも、既存のCDNをExperience Manager Sitesと簡単に統合することができます。

柔軟なコンテンツのオーサリングでマーケターを支援

#F8F8F8

デジタルコンテンツ制作と管理の需要は驚異的であり、顧客の期待により、法人はこれまで以上に迅速にオムニチャネルデジタルエクスペリエンスを作成および配信する必要に迫られています。マーケターがwebページやwebサイトの作成、オーサリング、公開、管理をITに依存している場合、高パフォーマンスなページを作成することは困難になる可能性があります。

Experience Manager SitesのEdge Delivery Servicesは、マーケターに2つのコンテンツのオーサリング手法を提供します。ドキュメントベースのオーサリングと、ユニバーサルエディターでのWYSIWYG(What You See Is What You Get)の編集です。コード、コンテンツ、デザインの関心の分離アプローチを採用し、開発ワークフローを大幅に高速化します。これらの使いやすいツールにより、マーケターは広範囲にわたるトレーニングやITサポートを必要とせず、チームはより効率的に作業し、専門分野により多くの時間を割くことができます。

開発者が作成するブロックコードは、コンテンツのオーサリングタイプに依存しません。つまり、ドキュメントベースのオーサリングとユニバーサルエディターのどちらでも相互に利用できます。これにより、webサイトは単一のコードベースで、ボイラープレートとブロックを含む両方のオーサリング手法を使用できます。このアプローチにより、開発者は単一のボイラープレートとブロックライブラリの作成と保守のみを行い、マーケターは異なるページ間で正しいブロックとスタイリングを維持しているかを心配する必要がありません。

ドキュメントベースのオーサリングにより、マーケターはMicrosoft WordやGoogle Docsなどの使い慣れたツールを使用してwebページを作成および編集できます。ページ要素(見出し、リスト、画像、スタイリング、動画など)は、ソース文書からwebサイトに直接転送できます。マーケターは既に知っているツールで作業でき、フロントエンド開発者は独立して同時に、マーケターのコンテンツをwebエクスペリエンスに変換する再利用可能なブロックを作成できます。

ユニバーサルエディターは、マーケターによるページのライブプレビューでのコンテンツ編集を可能にします。ブロックの追加、削除、並び替えや、エディターでのコンテンツ編集を簡単に行えます。ドキュメントベースのオーサリングとは異なり、ユニバーサルエディターでは、ページ上でリアルタイムに変更が反映されるため、マーケターが別の環境で変更をプレビューする必要がありません。

ドキュメントベースのオーサリングとユニバーサルエディターの両方には、完全に拡張可能なユーザーインターフェイスがあり、マーケターは開発者からの大きな支援なしにwebエクスペリエンスを作成、デザイン、デプロイする柔軟性を得られます。Adobe Experience Manager Sidekickユニバーサルエディター拡張ポイントにより、マーケターのニーズにもとづいてオーサリングエクスペリエンスをカスタマイズできます。

柔軟性:ヘッドレスCMSとバックエンドシステムの力を活用

Adobe Experience Manager Sitesは、開発者にコンテンツ制作と開発を簡素化するVanilla JavaScriptとCSSで構築されたボイラープレートを提供する一方で、特定の統合ニーズを満たす大きな柔軟性も提供します。

例えば、大規模法人では主要な製品発表のためのランディングページ作成に、高度なスキルを持つweb開発者やデザイナーを雇うことがよくあります。これらのページは通常、標準的なボイラープレートや作成者のブロックライブラリから成る既存のサイトデザインをベースにしていません。代わりに、デザイナーと開発者がカスタムJavaScript、CSS、独自のコンテンツ作成に時間を投資しますが、その多くは後に破棄され、開発者リソースの無駄な支出となります。Experience Manager Sitesを使用すれば、プラットフォームを強力なバックエンドリポジトリとして活用しながら、オーダーメイドのフロントエンドエクスペリエンスを作成することができます。新しいランディングページとメインサイト全体で同じコンテンツを再利用できるのです。この機能は、最新のヘッドレスCMSアーキテクチャをサポートする上で重要な要素です。

独自のフロントエンドを接続することで、コンテンツフラグメントはスキーマやモデルを通じてコンテンツを構造化する貴重な手段となります。マーケターはプリセットのネイティブフォームを通じて、ヘッダー、説明文、コールトゥアクション(CTA)などの要素を入力することができ、それらがページに反映されます。このアプローチにより、マーケターはコンテンツ作成を継続でき、開発者はアニメーションやカスタムデザインワークなどの機能を動かすために必要な技術的機能を備えたページデザインの柔軟性を保つことができます。

翻訳管理

#F8F8F8

複数の地域にわたるコンテンツの拡大と管理は時間がかかり、多くの場合コスト効率が悪くなります。独立したコンテンツ管理システム(CMS)と翻訳管理システム(TMS)間の統合問題は一般的です。法人がグローバルに展開する中で、複数の言語にわたって品質と一貫性を維持することは困難です。翻訳を合理化し、グローバルコンテンツを拡大するための分かりやすいアプローチが必要なのです。

Experience Manager Sitesには、グローバルマーケットにおける多言語コンテンツ管理のための強力なビルトインツールが備わっています。これにより、ネイティブ統合を通じて翻訳ベンダーと接続し、人による翻訳と機械翻訳の両方のワークフローを自動化することができます。

開発者コミュニティ全体でのサポート

#F8F8F8
高パフォーマンスなwebサイトの作成は、複雑な作業です。JavaScriptやCSSを使用しても、開発者は問題のトラブルシューティング、革新的なソリューションの共有、ベストプラクティスの習得において、専門家やコミュニティのサポートが必要です。ITチームは、専用のSlackチャンネルでアドビエンタープライズサポートやアドビエンジニアリングにサポートをリクエストすることができます。開発者は、DiscordのAdobe Experience Managerコミュニティに参加して、他の開発者やアドビエンジニアリングの専門家と交流したり、Block Partyで作成したブロックを他の人が使用できるよう公開することで、製品開発の方向性に貢献したりすることもできます。

エンタープライズ向けクラウドCMSの対応

#F8F8F8

開発において、アドビの指針はスピードとパフォーマンスであり、Adobe Experience Manager SitesのEdge Delivery Servicesも例外ではありません。このプラットフォームは既存の運用に簡単に統合できるため、コンバージョンと健全なCore Web Vitalsに最適化されたwebページや完全なサイトの作成と配信をすぐに開始することができます。

必要なのはフロントエンド開発者のスキルのみで、開発者は同じJavaScriptとCSSを使用してページの作成と保守を行うことができ、マーケターは既に使用しているツールでコンテンツのオーサリングを行うことができます。そこから、必要に応じてプラットフォームを展開することができます。Adobe Experience Manager Sitesは、完全なUI拡張性を提供し、ビジネスの成長に合わせて機能やデジタルプロパティを追加することができます。

今こそ、CMSをレベルアップする時です。Edge Delivery Servicesに特化したガイドラインとベストプラクティスを含む、Adobe Experience Manager Sitesの開始方法をご確認ください。

関連トピックス

https://main--da-bacom--adobecom.aem.live/fragments/resources/cards/thank-you-collections/experience-manager-sites