---
title: "攻略:AngularのJSSを始める方法"
slug: "walkthrough--getting-started-with-jss-for-angular"
abstract: "Angularアプリケーションで初めてJSSを作って実行する方法。"
---
# 攻略:AngularのJSSを始める方法

このウォークスルーでは、[JSS CLI](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-javascript-rendering-sdk-cli-tools.html "Sitecore JavaScript Rendering SDK CLI Tools")を使って初めてJSS Angularアプリケーションを作成・実行する方法を説明します。

Angular用のJSSアプリケーションを作成・実行する前に、まず以下の条件を満たす必要があります:

-   JSSで作られたJavaScriptアプリで利用可能な [アプリケーションモード](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/application-modes.html "Application modes") に慣れておく。
-   [JSS CLIをインストールしてください](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/install-the-jss-cli-globally.html "Install the JSS CLI globally")。

このウォークスルーでは、以下の方法を説明します:

-   アプリケーションを作成します。
-   アプリケーションを実行してください。

## アプリケーションを作成する

Angular用のJSSアプリケーションを作成するには:

-   次のコマンドを実行します:
    
    jss create <app-name> angular --fetchWith <GraphQL || REST>
## アプリケーションを実行してください

アプリケーションを起動するには、選択した開発ワークフローに応じて、ターミナルで以下のいずれかのスクリプトを実行します。

> !注スクリプトの定義は、新しいJSS申請のpackage.jsonファイルで見つけることができます。

-   Sitecoreインスタンスがない場合は、アプリケーションを [切断モードで](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-disconnected-mode.html "Start a JSS app in disconnected mode")起動してください:
    
    jss start
    
-   Sitecoreインスタンスを持っていて、それに対して開発したい場合は、[JSSアプリケーションをSitecoreに接続してデプロイ](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") し、[接続モードで](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 start:connected