---
title: "コードファーストのJSSサンプルアプリに追加ルートプレースホルダーを追加する"
slug: "add-additional-root-placeholders-in-a-code-first-jss-sample-app"
abstract: "コードファーストで作業する際に複数のルートプレースホルダーを追加する方法"
---
# コードファーストのJSSサンプルアプリに追加ルートプレースホルダーを追加する

デフォルトでは、JSSアプリケーションはLayoutコンポーネントで1つのルートプレースホルダーのみを定義しますが、必要に応じて複数のルートプレースホルダーを追加することも可能です。

複数の根のプレースホルダーを定義するために:

1.  JSS Layout コンポーネントに追加のプレースホルダーインスタンスを追加し、それぞれのプレースホルダーにユニークな名前を付けます。
2.  プレースホルダー設定のアイテムをマニフェストに追加してください。
3.  package.jsonファイルのconfigオプションで、rootPlaceholders配列のプレースホルダーをリストアップします。