---
title: "Sitecore Search JS SDK React"
slug: "sitecore-search-js-sdk-for-react"
abstract: "Sitecore Search OverviewとSearch JS SDKはReactです。"
---
# Sitecore Search JS SDK React

Sitecore Searchは [、検索可能なコンテンツをインデックス化](https://doc.sitecore.com/search/en/users/search-user-guide/en/index-items.html) し、インデックスをエンティティとして保存することでエンティティベースの検索を提供します。エンティティは、異なるカテゴリのコンテンツを表す独自の構造を持つ、異なる検索インデックス可能なオブジェクトタイプです。

## Search体験

以下は、ユーザーの典型的な検索体験と [アプリケーション内のウィジェットコンポーネントとのやり取り](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/widget-templates.html "Widget templates") を示しています。

1.  検索コンテンツにキーワードを投稿すること。
2.  検索結果の閲覧。
3.  UIコントロールを使って別の検索をトリガーし、結果をソート、絞り込み、絞り込み、拡大します。
4.  content itemをクリックして閲覧、ダウンロード、ブックマークなどの変換アクションを行えます。

検索結果をパーソナライズするために、訪問者情報やウェブページの情報がデータリクエストに追加されます。定義された検索条件を満たすエンティティのみが返されます。

さまざまなツールやコントロールを用いて、コンテンツストラテジストは[Sitecore Searchインターフェース](https://doc.sitecore.com/search/en/developers/search-developer-guide/en/the-sitecore-search-interface.html)でウィジェットを構成します。Widgetsは検索体験の設定です。開発者はウィジェットコンポーネントを作成したり、アプリケーションで表示するためのデータを取得するための要素UIを作成できます。

Sitecore Searchには認証、エンティティ、属性、ソース、機能などのドメイン設定も含まれています。Sitecore Searchインターフェースに慣れることをお勧めします。統合時にコンソールから様々な設定にアクセスする必要がある場合があります。

## Search JS SDK for Reactパッケージ

Contentマネージャーと開発者は協力して、ウェブサイト訪問者にパーソナライズされた検索体験を提供します。以下の図は、[JS SDKパッケージReact](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/react-resources-for-your-implementation.html "React resources for your implementation")フロントエンド開発における彼らの明確な懸念を示しています。

![Developer and content strategist/manager concerns when creating search experiences.](https://doc.sitecore.com/api/markdown-image/search/ja/developers/search-js-sdk-for-react/images/implementation-concerns-search-sdk.png)

JS SDKを使えば、検索体験をReactアプリケーションに素早く統合できます。プロジェクトにインストールでき、コンパイル時にSDKがReactブラウザアプリケーションに統合されます。

JS SDKを使う際には [、開発活動を支援するために様々なツールやリソース](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/react-resources-for-your-implementation.html "React resources for your implementation") を利用できます。それらには、すぐにテーマにできるウィジェットコンポーネントをインスタンス化するためのコマンドラインインターフェース(CLI)、オープンソースの [スターターキットウェブサイト](https://developers.sitecorecloud.io/search-sdk/react/website)、ドキュメントが含まれます。