---
title: "接続モードでJSSアプリを起動します"
slug: "start-a-jss-app-in-connected-mode"
abstract: "実行中のSitecoreインスタンスに対してローカル開発"
---
# 接続モードでJSSアプリを起動します

JSSアプリケーションをローカルでSitecoreインスタンスで開発するには、接続モードでJSSアプリケーションを起動する必要があります。

接続モードでJSSアプリケーションを実行する場合、アプリケーションのレンダリングはブラウザによって行われます。

Sitecoreデータベースはコンテンツ、レイアウトデータ、コンポーネント登録を保持しているため、アプリケーション内でローカルでモックデータを定義する必要はありません。アプリケーションはHTTPリクエストを通じてSitecoreからデータを取得します。

以下の図は、HTTPがどのようにSitecoreデータを取得する要求を行っているかを示しています。

![HTTP data requests from a JSS app in connected mode.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/ApplicationModesConnected16_.svg)

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

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

1.  アプリケーションの [接続と展開](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--connecting-a-jss-application-to-sitecore.html "Walkthrough: Connecting a JSS application to Sitecore")の手順に従ってSitecore。
    
2.  ターミナルで以下のスクリプトを実行します:
    
    jss start:connected
    
    スクリプトはローカル開発サーバーを起動します。
    
    > !注 [コードファーストからSitecoreファーストの開発ワークフローに移行](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/transitioning-from-code-first-to-sitecore-first.html "Transitioning from code-first to Sitecore-first") し、スクリプトの名前をjss start:connectedに変更した場合、代わりに新たに名前付けたスクリプトを実行しなければなりません。
    
3.  ブラウザで自動的に開かない場合はhttp://localhost:3000開いてください。
    

> !注Sitecoreのエクスペリエンスエディターモードでサインインしている場合、接続モードでJSSアプリを実行すると、追加のコードのようなマークアップがJSSアプリケーションに届くことがあります。その場合は、Sitecoreでサイトをプレビューモードまたはノーマルモードに切り替えると、追加のマークアップは消えます。