--- title: "アーキテクチャの概要" slug: "architecture-overview" abstract: "Sitecore JavaScriptレンダリングSDK(JSS)アーキテクチャの概要" --- # アーキテクチャの概要 Sitecore JavaScriptレンダリングSDK(JSS)は、現代の開発ワークフローとアプリケーションアーキテクチャを可能にするために作られた、ヘッドレス開発Sitecoreスイートの一部です。 ## Sitecore統合とデータフロー JSSで作成されたアプリケーションは、ヘッド [レスサービス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-headless-services.html "Sitecore Headless Services") ( [Sitecore Sitecore Experience Edge for XM](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-experience-edge-for-xm.html "Sitecore Experience Edge for XM"))が提供するコンテンツやパーソナライズ、さらにRESTfulまたはGraphQL APIエンドポイントを提供する他のSitecoreやサードパーティAPIによって提供されるコンテンツやパーソナライズSitecore消費されます。 ![Sitecore Integration and Data Flow](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/jss-architecture-overview-xp.png) アプリケーションは、[Headless Servicesが提供するオフプロセスのNode.jsレンダリングエンジン](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/node-js-rendering-engine.html "Node.js rendering engine")、または完全ヘッドレスアーキテクチャ用のSitecore非依存レンダリングホストでサーバーサイドレンダリングが可能です。詳細については、[サーバーサイドレンダリングJSSアプリケーションの](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/server-side-rendering-jss-applications.html "Server-side rendering JSS applications")ドキュメントをご参照ください。 マニフェスト定義、JSS CLI、インポートサービスを使ってアプリケーションをSitecoreに開発・展開できます。これをコード [ファースト開発ワークフロー](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/code-first-development-workflow.html "Code-first development workflow")と呼びます。 ## JSSコンポーネントの概要 JSSは以下の構成を含みます: - SitecoreのさまざまなサービスやAPIからSitecoreデータを取得し、JavaScriptでのSitecoreデータやレイアウトの操作を容易にするためのCore SDK機能。 - これらは、最も人気のあるJavaScriptフレームワークを組み合わせたJavaScriptアプリケーション構築を支援するSDKです。これらはSitecoreの動的なプレースホルダーのレンダリングを支援し、Sitecoreフィールドのレンダリングのためのコンポーネントや補助を提供します。一方、レイアウトやフィールド値は著者が編集可能です。 - サポートされるすべてのJavaScriptフレームワークに対応したサンプルアプリケーションで、開発者がSitecoreデータの取得と表示のためのアプリケーションをスキャフォールドするのに役立ちます。 - 開発者向けツールとユーティリティ。 ## JSSアプリケーションがサポートする重要なユースケース JSSは、以下のアーキテクチャ的に重要なコアなユースケースカテゴリーをサポートしています: - [高度なSitecoreエディターを用いたコンテンツ管理](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-editors-and-content-management.html "Sitecore editors and content management")。 - [Sitecoreのワークフローを損なうことなくコンテンツの提示](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/page-composition-in-jss-apps-using-sitecore-data.html "Page composition in JSS apps using Sitecore data")。 - [コンテンツの国際化](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/supporting-multilingual-applications-in-jss.html "Supporting multilingual applications in JSS")。 - [経験管理](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/tracking,-analytics,-and-personalization-with-jss.md "Tracking, analytics, and personalization with JSS")。 より具体的な技術情報については、[JSSの機能と能力](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/features-and-capabilities-of-jss.html "Features and capabilities of JSS")を参照してください。