---
title: "JSSアプリのコンポーネント"
slug: "components-in-jss-apps"
abstract: "JSSアプリのコンポーネントおよびそれを支えるインフラストラクチャについて説明します"
---
# JSSアプリのコンポーネント

JSSコンポーネントは、単なる通常のフロントエンドコンポーネントです。これらのコンポーネントは、あなたが選ぶライブラリの標準コンポーネントと同じように定義されます。

通常のJavaScriptコンポーネントとは異なり、JSSコンポーネントにはコンテンツデータを含むプロパティがあります。開発中でも本番環境でもSitecoreインスタンスに接続して作業する場合、データはSitecoreのエンドポイントから取得されます。Sitecoreインスタンスにアクセスできない場合は、ローカルのYAMLファイルやJSONファイルを使ってコンテンツをモックします。

JSSコンポーネントも動的にルートに割り当てられています。コンポーネントを直接インスタンス化またはレンダリングしてはいけません。JSSのインフラストラクチャはレイアウトデータに基づいてインスタンス化を処理します。

JSSアプリでレンダリングするすべてのSitecoreページ内のレンダリングには、JSSアプリ内に対応するコンポーネントが必要です。そのコンポーネントはルート名で追加されなければなりません。これにより、JSSはSitecoreにコンポーネントを登録し、レンダリングに必要なコンテンツを提供するための適切なインフラを提供できます。コンポーネントのデータ構造は、Sitecoreレンダリングのデータテンプレートで定義されたフィールドに基づいています。

JSSコンポーネントの操作に関する情報については、以下のトピックを参照してください。

-   [コンポーネント工場](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/the-component-factory.html "The Component Factory")
-   [接続モードで動作するSitecoreファーストJSSアプリで新しいコンポーネントを作成する](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/create-a-new-component-in-a-sitecore-first-jss-app-running-in-connected-mode.html "Create a new component in a Sitecore-first JSS app running in connected mode")
-   [JSSアプリにおけるスキャフォールディングコンポーネント](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/scaffolding-components-in-jss-apps.html "Scaffolding components in JSS apps")