---
title: "JSSフォームAPI"
slug: "jss-forms-api"
abstract: "JSSフォームを用いたJSSアプリにおけるSitecoreフォームの統合について説明します"
---
# JSSフォームAPI

Sitecore JavaScript Rendering SDK(JSS)は、JSSアプリからフォームSitecore消費・投稿する機能Sitecore、マーケターが自分のフォームを作成し、データを収集し、フォームのパフォーマンスを分析できるフォーム作成フレームワークです。

JSS Formsは、Sitecore Forms API(フォームの投稿用シリアライズ、偽造防止)に対応するためのフレームワークに依存しないヘルパーを実装したパッケージです。

このパッケージは[、Sitecoreヘッドレスサービス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-headless-services.html "Sitecore Headless Services")モジュールが提供する[フォームサービスREST API](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/forms-service.html "Forms Service")を活用しています。

以下は、JSSアプリケーションでSitecoreフォームを使用した際のブラウザとSitecoreのフローを示すシーケンス図です。

![JSS</span> - Forms Service sequence diagram](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/jss-forms-sequence.svg)

## JSSフォームのインストール

JSSフォームをインストールするには、以下の方法を使用します。

npm i @sitecore-jss/sitecore-jss-forms

## 制限

JSSのSitecoreフォームには注意すべき制限があります。

-   JSSアプリケーションでSitecoreフォームを定義・レンダリングするには、JSSアプリケーション *がSitecoreに接続されている必要があります*。
-   JSSフォームはSitecoreロボット検出をサポートしていません。

## フレームワーク固有のフォームコンポーネントキット

JSSにはすべてのフレームワーク向けの完全なフォーム実装が付属しているわけではありません。しかし、[JSS Forms for React](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-forms-for-react.html "JSS Forms for React")は、Forms ServiceやJSS Formsを活用してフレームワーク固有のフォームコンポーネントキットを作成する例です。

[ReactでのSitecoreフォームの使い方やReact JSS](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--using-a-sitecore-form-in-jss-applications.html "Walkthrough: Using a Sitecore form in JSS applications")フォームの使い方についてはウォークスルーを参考にNext.js、このパッケージをインスピレーションとして他のフレームワーク向けにフォームソリューションを作成してください。