--- title: "Sitecoreによるヘッドレス開発の概要" slug: "overview-of-headless-development-with-sitecore" abstract: "ヘッドレス開発用のSitecoreツールと製品の簡単な概要" --- # Sitecoreによるヘッドレス開発の概要 ヘッドレスアーキテクチャは、サービスとAPIの層を持つバックエンドと、フロントエンド/クライアント/ユーザー向けアプリケーションで構成されています。フロントエンドアプリケーション、またはプレゼンテーション層はAPIエンドポイントを使ってCMSからデータを取得し、そのデータを使って生成するマークアップを埋め込み、またはハイドレートします。 同じエンドポイントが、さまざまな技術で構築された複数のフロントエンドアプリケーションに対してコンテンツデータを提供できます。例えば、ある企業は.NET技術スタックを用いた企業ウェブサイト、Next.jsで構築されたブランドサイト、そしてReact Nativeで構築されたモバイルアプリケーションを持っているかもしれません。これら3つのアプリケーションは、必要なデータを取得するために同じAPIエンドポイントを使用でき、それぞれ別の配信トポロジーやスケーリング戦略を持つことができます。これは、グローバルに分散している企業や大量のトラフィックを持つ企業にとって有益です。 ## SitecoreをヘッドレスCMSとして ほとんどのCMSでは、デカップリングはコンテンツデータに限定されます。APIはさまざまなページや画面のテキストや画像を取得することができます。それでも、ページ上に表示されるコンテンツフィールドや要素の情報はコードで指定されているため、コンテンツの表示を更新するためにコード変更が必要です。 Sitecoreを従来型CMSとして運用する場合、コンテンツ作成者はコンテンツの表示を *コントロール* し、複数のチャネルで効率的にコンテンツとプレゼンテーションを管理できます。Sitecoreのヘッドレスアーキテクチャにより、コンテンツ管理とレイアウト管理の両方を *保持* できます。 Sitecoreのヘッドレスコンセプトについてより詳しく知りたい方は、この記事をご覧ください。ヘッド [レスCMSとは何か?](https://www.sitecore.com/resources/insights/content-management/what-is-a-headless-cms) ## 簡単なアーキテクチャ概要 Sitecoreのヘッドレス開発は、以下の図に示されているように、サービス層、APIエンドポイント、レンダリングSDKによって支えられています。 ![HeadlessServicessArchitecture10\_.svg](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/22/sitecore-headless-development/images/HeadlessServicessArchitecture10_.svg) ### サービスとAPIエンドポイント Sitecoreをヘッドレスバックエンドとしてヘッドレス開発を行う場合、サービスおよびAPI層には以下のオプションがあります: - [Sitecoreヘッドレスサービス](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/sitecore-headless-services.html "Sitecore Headless Services")。 - [Sitecore Experience Edge for XM](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/sitecore-experience-edge-for-xm.html "Sitecore Experience Edge for XM")。 詳細な情報や解説については、各製品のドキュメントを参照してください。 ### レンダリングSDKについて フロントエンドアプリケーションやホストレンダリングの構築には、Sitecoreが以下のSDKを提供しています: - [Sitecore ASP.NETレンダリングSDK(レガシー)。](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/sitecore-asp-net-rendering-sdk--legacy-.html "Sitecore ASP.NET Rendering SDK (legacy)") - [Sitecore JavaScriptサービスSDK(JSS)](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/sitecore-javascript-services-sdk--jss-.html "Sitecore JavaScript Services SDK (JSS)")。 SDKには複雑なレンダリングホストを構築するためのツールが付属しています。各SDKのドキュメントで具体的な情報や解説をご覧ください。