Sitecore Experience Accelerator (SXA)

Sitecore Experience Accelerator (SXA)

Sitecore Experience Accelerator(SXA)は、Web開発チームがWebサイトの開発プロセスを高速化し、コンポーネント、レイアウト、テンプレートを様々なサイトで再利用するために使用されます。

Sitecore SXAは、開発とデザインを分離することで、フロントエンドデザイナー、クリエイティブデザイナー、コンテンツ作成者、開発者が並行して作業できるようにするとともに、複数のサイトを迅速かつ費用対効果の高い方法で展開・維持することができます。SXAの基本的なテナントとサイト構造が整えば、異なるチームのリソースがプラットフォーム上で作業を開始することができます。最新のSitecore SXAを使用することで、チームはコンテンツの作成・編集や、さまざまなチャネルでの公開・配信を迅速に行うことができるようになります。

1. SXAのメリット

・ SXAでは、SXAのドラッグ&ドロップ機能を使って、素早くページを開発/作成することができます。

・ 標準装備の機能を利用して、CMSの開発を最小限またはゼロに抑えながら、迅速にサイトを提供できます。

・ レスポンシブで再利用可能なレンダリングを使用したサイトを開発します。

・内蔵されている様々なグリッドシステムから選択可能です。

・クリエイティブなデザイナーズデザインをテーマとして取り込み、簡単に切り替えることができます。

・SXAのテーマは、ブランドの一貫性を実現します。

・異なるワークストリームを並行して実行可能です。

・市場投入までの時間を短縮します。

2. SXAプラットフォームの構成要素

2.1. テナントとサイト

Sitecore SXAは、マルチテナントに対応しています。これは、Tenant FolderとTenant機能を使用することで実現できます。テナントを利用することで、1つのインスタンス内に複数のサイトを構築することができます。Tenantのメリットは、マルチテナンシーを実現するために通常のSitecoreインスタンスで行っていた追加設定が不要になることです。これにより、テナントごとに機能を有効にしたり無効にしたりすることが可能になります。

2.2. ツールボックス

Sitecore SXAでは「ツールボックス」が導入され、再利用可能なレンダリングをすべて見つけることができます。これにより、コンテンツエディターがエクスペリエンスエディターを使用してページを構築する際の作業が容易になりました。コンテンツエディターは、コンポーネントやレンダリングをページにドラッグ&ドロップするだけです。レンダリングは、デフォルトのビルトインSXAからカスタムレンダリング、シンプルなテキストや画像から複雑なものまでさまざまです。

2.3. グリッドとカラムのレイアウト

Sitecore SXAのページには、あらかじめレスポンシブグリッドレイアウトが組み込まれています。グリッドは、ページを等間隔の列に分割します。行や列のスプリッターを使用したり、ページ上のレンダリングのグリッド設定を変更したりすることで、ページで利用可能な列をどのように分割するかを決めることができます。また、SXAでは、独自のグリッドやカラムレイアウトを作成し、テナント/サイトに割り当てることができます。

2.4. テーマ

SXAのテーマは、構造(HTML)とデザインCSS)を区別し、ウェブサイトデザインを簡単に変更できるようにしたものです。テーマは、スタイルシート、スクリプト、画像などで構成されます。SXAではプラグイン式のテーマを採用しているため、サイトのスタイルを素早く変更することができる。SXAにはあらかじめワイヤーフレームのテーマが用意されており、これを使ってWebサイトを作成し、そのデザインSXA creative exchangeで新しいテーマとして取り込むことができます。

2.5. ページデザインとパーシャルデザイン

Sitecore SXAでは、パーシャルデザインとページデザインが導入されました。簡単に言うと、部分デザインはサイトが複数の場所で使用するレイアウトの一部を含み、ページデザインはページのプレゼンテーション定義であり、1つまたは複数の部分デザインとレンダリングで構成されます。

パーシャルデザインは最小で再利用可能なブロックです。 部分デザインは、サイト全体で一貫した外観を実現するために、共通のレンダリングと関連データのコレクションを計画、作成することができます。

ページデザインは、部分デザインとサイトの実際のページ・インスタンスとの間をつなぐものです。ページデザインには、0個以上の部分デザインを割り当てることができ、それらが互いに重なり合って1つのページになります。

2. 6. クリエイティブ・エクスチェンジ

Creative Exchangeは、フロントエンド開発者の作業を容易にするSXAの最大の機能の1つです。フロントエンド開発者は、静的なHTML、CSS、JSファイルを扱うことができ、静的なサイトやページをエクスポートして、クリエイティブデザイナーに送り、独立して作業を行うことができます。デザイナーが作業を終えれば、それをインポートして強化されたデザインをサイトに戻すことができます。

2.7. アセットオプティマイザー

CSSスタイルやJSスクリプトを最適化することで、SXAサイトをより良くすることができます。これは、SXAのアセットオプティマイザー機能で実現できます。アセットオプティマイザーは、転送するデータ量を削減することで、サイト全体のパフォーマンスを向上させます。この機能は、サイトコアのコンテンツツリーから有効/無効にすることができます。

 

 

►►►サービスについて