---
title: "Sitecore JavaScriptサービスの導入SDK"
slug: "introducing-sitecore-javascript-services-sdk"
abstract: "Sitecore JavaScriptサービスSDK(JSS)の利点について説明します。"
---
# Sitecore JavaScriptサービスの導入SDK

Sitecore JavaScript Services SDK(JSS)は、動的でコンポーネントベースのSitecoreレイアウトモデルをフロントエンドに拡張します。JSSの価値を理解するには、Sitecoreワークフローとフロントエンドフレームワークの統合における課題に精通している必要があります。

以下のビデオで説明されています:

-   フロントエンドフレームワークはクライアントアプリケーションに価値を加えます。
-   フロントエンドフレームワークとSitecoreを統合する際の課題と、JSSがこれらの課題をどのように解決しているか。
-   主要なJSSモジュールの紹介: Placeholder と ComponentFactory。
-   [開発ワークフロー](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/development-workflows.html "Development workflows")の入門。

:::youtube{id="NzZz2U8XAxg"}

[Master Sitecore Headless & JSSの全プレイリストはYouTubeでご覧いただけます。](https://www.youtube.com/playlist?list=PL1jJVFm_lGnwZup4L4BjITS2sKr4rpMfI)

## Sitecoreのワークフロー

Sitecoreは、オンラインコンテンツ、体験、マーケティングワークフローを管理するためのプラットフォームです。

Sitecoreでは、コンテンツ作成者がWYSIWYGエディターでページを作成し、コンテンツの提示に関する決定権はコンテンツ作成者にあります。例えば、開発者はカスタムのショッピングカート用UIコンポーネントを作成できますが、それらをページ上で配置し、コンテンツで埋め込むのはコンテンツ作成者自身です。

![editing-pages.gif](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/22/sitecore-headless-development/images/editing-pages.gif)

コンポーネントを組み立てた後、コンテンツ作成者はパーソナライズなどのSitecore特有機能を個々のコンポーネントに適用し、バリエーションをプレビューできます。以下の図は、コンテンツ作成者がコンポーネントをどのように構成するかの例を示しています。

![authoring-example.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/22/sitecore-headless-development/images/authoring-example.png)

> !ヒントSitecoreの用語や概念について詳しく知りたい方は、「 [Sitecore初心者向けコンテンツオーサリングの概念](https://doc.sitecore.com/xp/ja/developers/hd/22/sitecore-headless-development/content-authoring-concepts-for-developers-new-to-sitecore.html "Content authoring concepts for developers new to Sitecore")」を参照してください。

## フロントエンドフレームワークの統合

JavaScriptアプリケーションでSitecoreデータを使用する際の課題は、通常のJavaScriptアプリとは異なり、ページの構成を開発者ではなく作成者が管理していることです。

フロントエンド開発者はアプリケーション開発時にページ構成を知りませんが、JSSはJavaScriptフレームワーク(およびJamstackアーキテクチャ)を実装オプションとしてSitecore搭載のウェブアプリ向けにサポートし、オーサリング機能を犠牲にしたり、コンテンツ作成者からレイアウト構成制御を奪うことはありません。