---
title: "JSSテナントとサイトを作成する"
slug: "create-a-jss-tenant-and-site"
abstract: ""
---
# JSSテナントとサイトを作成する

[Sitecore JavaScript Services](https://jss.sitecore.com/) (JSS)は、フロントエンド開発者がSitecoreの上にJavaScriptアプリを構築できるようにします。SXA JSSテナントやサイトを作成でき、JSSアプリの扱いを容易にします。JSSテナントとサイトは、サイトの足場を活用し、JSSアプリを構造化的にインポートするのに役立ちます。

JSSテナントとサイトを作成するには:

1.  コンテンツエディターで、コンテンツツリー内のコンテンツ項目を右クリックし、「 **挿入**」→「 **JSSテナント**」をクリックします。
    
2.  ウィザードでテナントの名前を入力し、モジュールを選択してOK**をクリックします。**
    
3.  JSSサイトを作成するには、JSSテナントを右クリックし、「 **挿入**」→「 **JSSサイト**」をクリックします。
    
4.  ウィザードの **「一般」** タブで、サイト名を入力してください。
    
5.  **モジュール**タブでモジュールを選択し、**OK**をクリックします。
    
    > !注 **サイト設定** タブでは **、GraphQLのエンドポイント** と **デプロイメントの秘密** を変更できますが、これらは後から追加するのがベストプラクティスです。
    
6.  JSSサイトを作成するには**OK**をクリックしてください。
    
    SXAは以下の構成でサイトを作成します。
    
    フォルダー
    
    サブフォルダ
    
    概要
    
    ホーム
    
    サイトのページを含みます。
    
    メディア
    
    サイトで利用可能なすべてのメディア資料を含みます。
    
    データ
    
    ウェブサイト内の複数のページで再利用可能なデータソースを含みます。
    
    辞書
    
    多言語アプリには、翻訳が必要な静的なフレーズの辞書が必要です。JSSは翻訳をこのフォルダにインポートします。
    
    プレゼンテーション
    
    ページデザイン
    
    JSSサイトにはSXA [ページデザイン](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/page-designs.html "Page designs") 機能が搭載されています。
    
    部分的な設計
    
    JSSサイトにはSXA [の部分設計](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/create-and-assign-a-page-design-in-the-content-editor.html "Create and assign a page design in the Content Editor") 機能が搭載されています。
    
    プレースホルダー設定
    
    JSSサイトにはSXA [のプレースホルダー設定](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/set-placeholder-restrictions.html "Set placeholder restrictions") 機能が備わっています。
    
    舞台設定
    
    アプリを動作させるためのデフォルト設定項目が含まれています。カスタマイズが可能です。例えば、ページに新しいテンプレートを使いたい場合などです。
    
    サイトグルーピング
    
    SXAでは、サイトグルーピング項目を使ってサイトを定義できます。ホスト名、開始項目、仮想フォルダなど、サイト定義に必要なすべてのデータが含まれています。  
      
    デフォルトでは、SXA JSSサイトはライブモードを使用しています。ライブモードでは、Sitecoreマスターデータベースからウェブサイトのコンテンツを読み込みます。  
      
    ![SXA-JSS-live-mode.png](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/sxa/93/sitecore-experience-accelerator/images/SXA-JSS-live-mode.png)  
      
    ウェブデータベースに切り替えたい場合は、APIキーとSXA JSSサイトの両方を公開しなければなりません。
    

JSSテナントとサイトの作成が終わったら、[アプリのインポート](https://doc.sitecore.com/xp/ja/developers/sxa/93/sitecore-experience-accelerator/import-a-jss-app-into-your-jss-site.html "Import a JSS app into your JSS site")を始められます。