# Search JS SDK for React

> Search documentation for developers, in Japanese.

- Product: Search
- Audience: Developers
- Language: Japanese
- Status: Current
- Canonical URL: https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react

## Overview

- [Sitecore Search JS SDK React](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/sitecore-search-js-sdk-for-react.md): Sitecore Search OverviewとSearch JS SDKはReactです。

## 始める

- [前提条件](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/getting-started/prerequisites.md): React Sitecore Search JS SDKを使用するための前提条件。

## 実装のためのReactリソース

- [実装のためのReactリソース](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/react-resources-for-your-implementation.md): React実装のために利用可能なSitecore SearchリソースOverview。

## Search UIコンポーネントウォークスルーシリーズを用いた急速な開発

- [Search UIコンポーネントウォークスルーシリーズを用いた急速な開発](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/rapid-development-using-search-ui-components-walkthrough-series.md): JS SDKとUIコンポーネントを用いてSitecore Searchと統合するためのウォークスルーシリーズ。
- [Reactプロジェクトを立ち上げる](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/rapid-development-using-search-ui-components-walkthrough-series/set-up-the-react-project.md): JS SDKとコンポーネントを使って認証情報で認証する方法Sitecore Search。
- [ウィジェットコンポーネントの作成](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/rapid-development-using-search-ui-components-walkthrough-series/walkthrough--creating-widget-components.md): ウィジェットコンポーネントでモデルを編集する方法Sitecore Search。
- [訪問者とのやり取りの追跡](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/rapid-development-using-search-ui-components-walkthrough-series/walkthrough--tracking-visitor-interactions.md): Sitecore Search JS SDKを使ってReactアプリケーション内の訪問者とのやり取りを追跡する方法。
- [Reactアプリケーションへのウィジェット追加](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/rapid-development-using-search-ui-components-walkthrough-series/walkthrough--adding-widgets-to-the-react-application.md): JSを使ってウィジェットをあなたのReactアプリケーションに追加する方法Sitecore Search解説SDK。

## カスタムUIコンポーネントを用いた開発

- [カスタムUIコンポーネントを用いた開発](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/development-using-custom-ui-components.md): Sitecore Search JS SDKを使ってSearchと統合するOverview。

## JSのSDKとUI Componentsの仕事

- [JSのSDKとUI Componentsの仕事](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components.md): React Sitecore Search JS SDKでホストページにウィジェットを追加する手順の一覧。
- [ウィジェットの在庫を作成する](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/create-an-inventory-of-widgets.md): Sitecore Searchとの統合を始める前にウィジェットのインベントリを作成する方法。
- [ReactプロジェクトでJS SDKを設定する方法](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/setting-up-the-js-sdk-in-your-react-project.md): JS SDKとコンポーネントを使ってReactプロジェクトを統合する際のセットアップSitecore Searchウォークスルー。
- [ドメイン設定なしで認証](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/authenticate-without-domain-set-up.md): JS SDKとUIコンポーネントを使ってドメイン設定なしで認証する方法Sitecore Search。
- [カスタムテーマを作成して使う](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/create-and-use-a-custom-theme.md): JS SDKとUIコンポーネントを使ってカスタムテーマSitecore Search作成・使用する方法。
- [カスタムスタイルのウィジェットコンポーネントを作成する](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/create-custom-styled-widget-components.md): カスタムスタイルのマーチャンダイジングウィジェットを使い、Sitecore Search JS SDKとUI ComponentsをReactに使います。
- [ウィジェットコンポーネントモデルを編集してください](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/edit-the-widget-component-model.md): ウィジェットコンポーネントでモデルを編集する方法Sitecore Search。
- [検索結果ウィジェットでfacetsをカスタマイズ](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/customize-facets-in-a-search-results-widget.md): JS SDKを使って検索結果ウィジェットの動作をオーバーライドし、facetsの初期値を設定する方法Sitecore Search。
- [コンテンツウィジェットの設定オーバーライド](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/override-content-widget-configuration.md): コンテンツパーソナライズウィジェットのデフォルト設定をJS SDKとUI Components React Sitecore Search上書き。
- [訪問者との交流を追跡](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/track-visitor-interactions.md): Sitecore Search JS SDKを使ってReactアプリケーション内の訪問者とのやり取りを追跡する方法。
- [JS SDKのログユーティリティを使いましょう](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/working-with-js-sdk-and-ui-components/use-the-logging-utility-from-the-js-sdk.md): JS SDKのログユーティリティSitecore Searchリクエストやレスポンスを監視・デバッグする方法。

## JS SDKリファレンス

- [JS SDKリファレンス](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference.md): Reactのために、コンポーネント、クエリフック、イベントに関するドキュメントを参照Sitecore Search JS SDK。
- [クッキー](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/cookie.md): 訪問者のブラウザに追加Sitecore Searchイベントコンテキストを追跡するJS SDK Reactを説明します。
- [認証のための認証情報](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/credentials-for-authentication.md): ReactのJS SDKにおける資格情報コンポーネントの詳細Sitecore Search.
- [ウィジェットテンプレート](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/widget-templates.md): JS SDKのウィジェットテンプレートSitecore Search Overview。
- [背景](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/context.md): Sitecore Search JavaScript SDK for Reactを使ったリクエストの地理位置設定。
- [ロガーのユーティリティ](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/logger-utility.md): JS SDKにおけるLoggerの有効性の許容値を一覧Sitecore Search。スクリーンショットも含まれています。

### Components

- [ウィジェット](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/components/widget.md): ReactのJS SDKにおける汎用ウィジェットコンポーネントSitecore Search詳細。
- [PageComponent](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/components/pagecomponent.md): PageComponentを使ってJS SDKでウィジェットをレンダリングするために読み込みSitecore Search React。
- [HTMLBlockWidget](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/components/htmlblockwidget.md): React SDK JSのHTMLBlockWidgetコンポーネントの詳細Sitecore Search.
- [バナーウィジェット](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/components/bannerwidget.md): React SDKのJSにあるBannerWidgetコンポーネントの詳細Sitecore Search。

### クエリフック

- [クエリフック](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks.md): React Sitecore Search JS SDKのクエリフックの使い方の詳細。
- [usePreviewSearch](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks/usepreviewsearch.md): React SDKのSitecore Search usePreviewSearchクエリフックの詳細。
- [useSearchResults](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks/usesearchresults.md): ReactのSitecore Search JS SDKにあるuseSearchResultsクエリフックの詳細。
- [useRecommendation](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks/userecommendation.md): React JSのuseRecommendationクエリフックの詳細SDK Sitecore Search。
- [useContentBlock](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks/usecontentblock.md): React JS SDKのuseContentBlockクエリフックの詳細Sitecore Search。
- [補完クエリフック](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query-hooks/complementary-query-hooks.md): JS SDKにおける補完クエリフックの一覧Sitecore Search React。

### クエリ

- [クエリ](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query.md): ReactのJS SDKにおけるクエリオブジェクトのミューテーターメソッドの詳細Sitecore Search.
- [フィルター](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query/filter.md): Sitecore Search JavaScript SDKがReact向けに提供している物品の一覧。
- [ファセット](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/query/facets.md): Sitecore Search JSでファセットオブジェクトを使うことは、キーワードフレーズの結果を絞り込むリクエストSDK。

### イベント

- [イベント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events.md): Sitecore Search JS SDKが提供するイベントの一覧で、ユーザーインタラクションを追跡するためのReact.
- [ファネルイベント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events/funnel-events.md): エンティティとのやり取りを追跡するために使われるエンティティのペイロードを記述します。
- [世界的なイベント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events/global-events.md): エンティティとのやり取りを追跡するために使われるエンティティのペイロードを記述します。
- [プレビュー検索ウィジェットイベント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events/preview-search-widget-events.md): エンティティとのやり取りを追跡するために使われるエンティティのペイロードを記述します。
- [推薦ウィジェットイベント](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events/recommendation-widget-events.md): エンティティとのやり取りを追跡するために使われるエンティティのペイロードを記述します。
- [Search results widget events](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/js-sdk-reference/events/search-results-widget-events.md): エンティティとのやり取りを追跡するために使われるエンティティのペイロードを記述します。

## UIコンポーネント参照

- [UIコンポーネント参照](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference.md)
- [ウィジェットテンプレート](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/widget-templates-1332963.md): Search UI Components年にウィジェットテンプレートを導入します。

### テーマとスタイル

- [テーマとスタイル](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles.md)
- [タイポグラフィ](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles/typography.md): Search UI Componentsのデフォルトテーマに組み込まれたあらかじめ定義されたタイポグラフィ値。
- [CSS変数](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles/css-variables.md): CSSやテーマを使ったスタイリングSearch UI Componentsで使えるCSS変数のリスト。
- [カラー](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles/colors.md): Search UI Componentsに組み込まれたデフォルトCSSテーマカラーです。
- [CSS変数](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/ui-components-reference/theme-and-styles/css-variables-1332976.md): CSSやテーマを使ったスタイリングSearch UI Componentsで使えるCSS変数のリスト。

## Optional

- [Full publication as Markdown](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/llms-full.txt): Every article in this publication in a single file.