--- title: "Sitecore Experience Acceleratorの紹介" slug: "introducing-sitecore-experience-accelerator" abstract: "このトピックでは、SXAとは何か、そして何に使うのかの概要を説明します。" --- # Sitecore Experience Acceleratorの紹介 ウェブ開発チームは、ウェブサイトの制作を迅速化し、さまざまなサイトでコンポーネント、レイアウト、テンプレートを再利用するためにSitecore Experience Accelerator(SXA)を使用しています。 SXAは構造とデザインを分離するため、フロントエンドデザイナー、クリエイティブデザイナー、コンテンツ作成者、開発者が並行して作業でき、複数のサイトを迅速かつコスト効率よく展開・維持できます。基本的なユーザーエクスペリエンスプランが整えば、誰もがプラットフォームを使い始めることができます。 ![SXA website development process](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/work_in_parallel_streams_92_UPDATE.ai) SXAは柔軟なツールであり、SXAプロジェクトのワークフローを運用する方法はいくつかあります。すべてのワークフローにはそれぞれ利点があり、チームのスキルセットに大きく依存します。ベストプラクティスのセクションでは、フルサービス機関での導入において成功かつ効率的だと分かったSXAプロジェクトのワークフローを説明する [インフォグラフィック](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/recommendations--example-sxa-project-workflow.html) をご覧ください。 SXAでは以下のことができます: - CMS開発を最小限、あるいは不要に抑えつつ、標準機能を用いたサイトの配信を加速します。 - 異なる作業ストリームを並列で実行できるようにしましょう。 - レスポンシブで再利用可能なレンダリングを使ってサイトを組み立てます。 - テーマを使ってブランドの一貫性を高めましょう。 - 異なるグリッドシステムから選びましょう。 以下のグラフィカルな概要は、プラットフォーム要素とその統合方法を示しています。 ![SXA platform elements](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/architecture19.ai) ## テナントと敷地 Sitecore SXAは、コンテンツを分離するためのセキュリティロールを作成・割り当てするためのフォルダ構造、テナントレベルで[のセキュリティロールの作成・割り当て](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/set-up-security-for-a-tenant-and-a-site.html) 、各テナントの機能を有効または無効化する機能を提供することでマルチテナンシーをサポートしています。テナントレベルでページ [テンプレートを作成する](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/add-and-extend-an-sxa-template.html) ことができ、ページ項目がテナントごとに異なるフィールドを持つことができます。 ウィザードを使って [テナントやサイトを作成します](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/create-a-tenant-and-a-site.html) 。 ![Create a tenant wizard.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/SXA-tenant-wizard.PNG) ## ツールボックス ページの構築を容易にするために、SXAには[再利用可能なレンダリング](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/the-sxa-renderings-and-rendering-variants.html "The SXA renderings and rendering variants")ツール[ボックス](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/the-toolbox.html "The Toolbox")が付属しており、ページにドラッグ&ドロップできます。レンダリングは、シンプルなテキストや画像から動画、ソーシャルメディアプラグインまで多様です。 ![SXA toolbox](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/256A8CBC0A864C09A419A08EAD7B6B70.png) ## グリッドと列の配置 SXAページはレスポンシブグリッド [レイアウト](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/the-grid-layout.html "The grid layout")を使用しています。グリッドはページを等しい列に分割します。行と列の分割器を使うか、ページのレンダリングのグリッド設定を変更することで、利用可能な列の分割方法を決めることができます。 ![Show grid](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/B7345D4491DC4B1DA81EEBC4F484766C.png) ## プラグイン可能なテーマ SXAは構造(HTML)とデザイン(CSS)を分離し、ウェブサイトのデザイン変更を容易にします。SXAは簡単にカスタマイズできるように、[テーマ](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/the-sxa-themes.html)を使用します。テーマはスタイルシート、スクリプト、画像で構成されています。SXAにプラグイン可能なテーマを追加すれば、サイトのスタイリングを迅速に変更できます。ユーザーはワイヤーフレームテーマを使ってサイト開発を始めることができます。デザインが完成したら、[Creative Exchange](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/introducing-sitecore-experience-accelerator.html#UUID-5a6f6ba8-f44a-63b0-b705-f65fa89386c8_id__Creative_exchange "Creative Exchange")を使って新しいテーマをインポートし、サイトのスキンをリスキンできます。 ## ページデザインと部分デザイン 部分的なデザインは、サイトが複数の場所で使用するレイアウトの一部を含みます。 [ページデザイン](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/page-designs.html) はページのプレゼンテーション定義であり、[部分的なデザイン](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/create-and-assign-a-page-design-in-the-content-editor.html) とレンダリングで構成されています。 ![Page design](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/90E2412634B54673B392B165A8404C46.png) ## クリエイティブ・エクスチェンジ [サイトの静的な表現をエクスポート](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/import-and-export-a-web-design-with-creative-exchange.html)して、クリエイティブエージェンシーに送って作業させることができます。[エクスポート](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/change-a-site-design-using-creative-exchange.html)ファイルは、サイトのページ、サイトアセット、そしてサイトテーマを含む.zipです。エージェンシーはお気に入りのツールを使ってエクスポートしたサイトを編集でき、完成したら改良されたデザインをサイトに戻すことができます。 また、ファイルをサイトに戻すことなく、テーマやその他のサイトコンテンツを変更することも可能です。 [Creative Exchange Live](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/modify-your-site-design-with-creative-exchange-live.html)は、テーマやその他のコンテンツに変更を行い、Sitecore環境と即時同期できるGulpタスクに対応します。 ## コンテンツとプレゼンテーションの共有 同じテナント内のサイト間で [プレゼンテーションやデータソースを共有する](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/share-data-sources-and-presentation-using-the-multisite-feature.html "Share data sources and presentation using the multisite feature") だけでなく、ページを共有することも可能です。コンテンツツリーの一つの中央の場所からコンテンツを [管理できるコンテンツ](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/share-content-as-a-delegated-area.html "Share content as a delegated area") エリアとしてコンテンツを共有できます。 ## アセットオプティマイザー SXAの[Asset Optimizer](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/the-asset-optimizer.html)を使ってCSSスタイルやJSスクリプトを最適化することで、サイトのパフォーマンスを向上させることができます。本番環境で有効化すると、Asset Optimizerは転送すべきデータ量を減らし、サイト全体のパフォーマンスを向上させます。 ## データモデリング SXAは、JSON(JavaScriptオブジェクト表記)でデータをモデル化することを可能にします。 [JSON機能は](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/introducing-sxa-data-modeling.html) 、SXAコンテンツにアクセスするためのJSON APIを提供します。サイトのコンテンツは、JSON形式のウェブサービスAPIを通じてアクセス可能です。特別なレンダリングを使ってJSONレイアウトを作成できますが、ウェブサイトがデフォルトのレンダリングを使っている場合は、[SXAレイアウトサービス](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/use-the-sxa-layout-service-to-model-your-pages-in-json.html) を使ってプレースホルダーやデータソースの項目をJSONで返すことができます。