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

このウォークスルーでは、初めてのJSS Angularアプリケーションの作成と実行方法を説明します。

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

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

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

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

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

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

-   次のコマンドを実行します:
    
    npx create-sitecore-jss@ver<version-number> angular --appName <your-app-name> --fetchWith REST| GraphQL
    
    <version-number>を使いたいバージョンに置き換えてください。例えば、21.
    

## アプリケーションを実行してください

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

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

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