---
title: "JSSアプリを切断モードで起動してください"
slug: "start-a-jss-app-in-disconnected-mode"
abstract: "Sitecoreインスタンスを使わずにSitecore JSSアプリケーションを開発する"
---
# JSSアプリを切断モードで起動してください

実行中のSitecoreインスタンスにアクセスできずにローカルでJSSアプリケーションを開発するには、JSSアプリケーションを切断モードで起動する必要があります。

> !重要この手順は、RESTレイアウトおよび辞書サービスを使ってデータを取得するJSSアプリケーションにのみ適用されます。GraphQLサービスを使用する場合、アプリケーションを切断モードで起動するには別の手順に従う必要があります。

Sitecoreインスタンスにアクセスできないため、YAMLまたはJSON形式でローカルファイルを使ってコンテンツデータをモックする必要があります。

JSSアプリケーションを切断モードで動かすことは、開発者がSitecoreインスタンスにアクセスできない場合、主にJavaScriptに精通している場合、またはフロントエンド開発者が自分のSitecoreインスタンスを持つことが望ましくない場合(技術的またはビジネス上の制約がある場合)に有利です。

以下の図は、アプリケーションからデータファイルへのリクエストの流れを示しています。

![Request flow in JSS disconnected mode](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/ApplicationModesDisconnected16_.svg)

開発者は切断モードで開発されたアプリケーションをSitecoreに [インポート](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-app-import-api.html "JSS App Import API") でき、後で接続モードで動作するために必要なすべてのSitecoreアイテムを作成できます。

一般的な開発経路としては、アプリケーションのライフサイクルが切断モードで始まり、切断インポート[の制限](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/characteristics-of-the-jss-code-first-import-process.html "Characteristics of the JSS code-first import process")を回避する必要がある場合に開発後の段階で[接続モード](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-connected-mode.html "Start a JSS app in connected mode")に移行するというものがあります。

> !ヒントJSS CLIコマンドを使ってフレームワーク固有のSDKで作成されたすべてのJSSアプリケーションjss create 、package.jsonファイル内にアプリケーションを切断モードで起動するスクリプトが含まれています。

アプリケーションを切断モードで起動するには:

1.  ターミナルでJSSアプリケーションフォルダに移動し、以下のスクリプトを実行します。
    
    jss start
    
    スクリプトはローカル開発サーバーを起動します。
    
2.  ブラウザで自動的に開かない場合はhttp://localhost:3000開いてください。