--- title: "JSSアプリケーションの開発" slug: "developing-jss-applications" abstract: "JSS開発の始め方の概要" --- # JSSアプリケーションの開発 JSSアプリケーションの開発は、通常のJavaScriptフレームワークアプリ開発といくつかの [違い](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/javascript-frameworks-and-jss.html "JavaScript frameworks and JSS") があります。なぜなら、JSSアプリはSitecoreと統合し、コンテンツ作成ワークフローをサポートすることを意図しているからです。 JSSアプリ開発に取り組むには、[JSSとSitecoreがどのように連携](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/architecture-overview.html "Architecture overview")するかを理解し、[JSS特有の開発ベストプラクティス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-development-best-practices.html "JSS development best practices")に従う必要があります。あなたのバックグラウンド(SitecoreまたはJavaScript開発者)、Sitecoreインスタンスの利用可能性、ビジネス要件に応じて、[開発ワークフローを選択できます](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/development-workflows.html "Development workflows")。 > !注JSSは最新バージョンのSitecoreをサポートしています。始める前に、[自分のSitecoreバージョンに合った正しいJSSのバージョンを特定し](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/identify-the-correct-version-of-jss-for-your-sitecore-version.html "Identify the correct version of JSS for your Sitecore version")てください。 JSSはいくつかの人気のあるJavaScriptフレームワークをサポートし、JSSプロジェクトを迅速にスキャフォードするためのアプリサンプルも提供しています。 JSSサンプルアプリケーションの最新バージョン(Sitecoreの最新バージョンと互換性がある)を使ってJSSアプリケーションを作成できます。JSSサンプルアプリとSitecoreの最新バージョンを使ってアプリ開発を始めるには、以下のガイドのいずれかJSSご利用ください。 - [Next.js開発のためのJSSの使い始め](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/getting-started-with-jss-for-next-js-development.html "Getting started with JSS for Next.js development") - [攻略:React用のJSSの始め方](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--getting-started-with-jss-for-react.html "Walkthrough: Getting started with JSS for React") - [攻略:AngularのJSSを始める方法](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--getting-started-with-jss-for-angular.html "Walkthrough: Getting started with JSS for Angular") - [攻略:JSS for Vue.jsの始め方](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--getting-started-with-jss-for-vue-js.html "Walkthrough: Getting started with JSS for Vue.js") - [攻略:React NativeのJSSの使い始め](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--getting-started-with-jss-for-react-native.html "Walkthrough: Getting started with JSS for React Native") > !ヒント [古いサンプルアプリバージョン(Sitecoreの古いバージョンと互換性がある)を基にJSSプロジェクトを作成する](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/create-a-jss-app-for-an-older-version-of-sitecore.html "Create a JSS app for an older version of Sitecore")ことも可能です。 Sitecoreインスタンスにアクセスできず、[切断モードで作業](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/working-disconnected-in-jss.html "Working disconnected in JSS")する場合は、[Manifest API](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-manifest-api.html "JSS Manifest API")を使ってJSSアプリでアイテムやデータを定義してください。後でJSS CLIと[App Import API](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-app-import-api.html "JSS App Import API")を使ってそれらをSitecoreにインポートできます。 Sitecoreインスタンスにアクセスできる場合は、[アプリケーションを接続して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")してください。