---
title: "アプリケーションテンプレートとサンプル"
slug: "application-templates-and-samples"
abstract: "アプリケーションサンプル付き新しいJSSプロジェクトをスキャフォールド"
---
# アプリケーションテンプレートとサンプル

Sitecoreデータを使用するヘッドレスアプリケーションの開発を迅速に始める方法として、Sitecore JavaScript Rendering SDK(JSS)は、公式にサポートされているJavaScriptフレームワークのサンプルアプリケーションや、さまざまなユースケースの例を提供しています。

## 提供されたアプリケーションサンプル

JSSは以下のアプリケーションサンプルを提供しています:

-   [Next.jsサンプルアプリケーション](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サンプルアプリケーション](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/overview-of-the-jss-react-sample-application.html "Overview of the JSS React sample application")。
-   [角度サンプルの応用](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/overview-of-the-angular-jss-sample-application.html "Overview of the Angular JSS sample application")。
-   [Vue.jsサンプルアプリケーション](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/overview-of-the-vue-js-jss-sample-application.html "Overview of the Vue.js JSS sample application")。
-   [React Nativeサンプルアプリケーション](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/overview-of-the-react-native-jss-sample-application.html "Overview of the React Native JSS sample application")。

これらのサンプルアプリケーションは、JSS CLIによって[jss createコマンド](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-javascript-rendering-sdk-cli-tools-api-reference.html#UUID-ba8bae12-5938-63d2-1ae1-451aec88abe5_UUID-63ee54c7-6c40-bc5a-0db9-0be674e71aa0 "jss create")を使って迅速にJSSアプリをスキャフォールドするために使われます。アプリケーションの開発や[カスタムJSSアプリケーションテンプレートの作成](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/build-custom-jss-app-templates-for-your-team.html "Build custom JSS app templates for your team")に利用できます。

JSSまた、React、Angular、Vue.js JSSアプリケーションのヘッドレスサーバーサイドレンダリングのサンプルも以下のように提供しています。

-   [Node.jsプロキシを使って](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--rendering-a-jss-app-server-side-using-the-headless-jss-proxy.html "Walkthrough: Rendering a JSS app server-side using the headless JSS proxy")います。
-   [Sitecore Experience Edge for XMを使って](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/server-side-render-jss-apps-headlessly-using-a-sitecore-experience-edge-endpoint.html "Server-side render JSS apps headlessly using a Sitecore Experience Edge endpoint")。

もしJSSアプリケーションを従来のSitecoreレンダリング内で実行する必要がある場合、JSSは [クライアント側の埋め込み](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--client-side-embedding-jss-applications-in-mvc-sites.html "Walkthrough: Client-side embedding JSS applications in MVC sites")の例を提供します。