最終更新日: 2025-04-21
利用上の注意
このポストは Microsoft 社の Azure 公式ドキュメント(CC BY 4.0 または MIT ライセンス) をもとに生成AIを用いて翻案・要約した派生作品です。 元の文書は MicrosoftDocs/azure-ai-docs にホストされています。
生成AIの性能には限界があり、誤訳や誤解釈が含まれる可能性があります。 本ポストはあくまで参考情報として用い、正確な情報は必ず元の文書を参照してください。
このポストで使用されている商標はそれぞれの所有者に帰属します。これらの商標は技術的な説明のために使用されており、商標権者からの公式な承認や推奨を示すものではありません。
このコードの差分では、記事内で説明されているC#による検索クエリ統合チュートリアルに関するファイル更新が含まれています。特に、ファイルの拡張子が変更されたほか、ReactクライアントによるAzure Functionの呼び出しに関する情報が具体化されています。
.jsから.jsxに変更され、Reactコンポーネントであることが明確になっています。この更新は、コード管理と開発者体験を向上させるための軽微な変更に焦点を当てています。.jsxという新しい拡張子は、ファイルが今後特にReactに関連したものであることを示しており、JavaScript コードの中でHTMLライクな構文を含むことを許可することを明言化できます。これにより、開発者はコード内容慮の推測がしやすく、ファイルを利用する際の選択が容易になります。
また、ReactクライアントによるAzure Functionの呼び出しが、具体的な利用ケースに基づいて詳細化されています。検索やサジェスト機能の実装の際に直面する問題に対する一助として、具体的なコード例を用意することで、開発者が容易に実装に移行できるようになっています。このような変更は、ドキュメントのユーザビリティを高め、実践的なガイドとしての価値を高めます。
| Filename | Type | Title | Status | A | D | M |
|---|---|---|---|---|---|---|
| tutorial-csharp-search-query-integration.md | minor update | ファイルの拡張子を変更と情報の更新 | modified | 6 | 6 | 12 |
@@ -44,15 +44,15 @@ The search suggester, `sg`, is defined in the [schema file](https://github.com/A
## Client: Search from the catalog
-Call the Azure Function in the React client with the following code.
+Call the Azure Function in the React client at `\client\src\pages\Search\Search.jsx` with the following code to search for books.
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Search/Search.js" :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Search/Search.jsx" :::
## Client: Suggestions from the catalog
-The Suggest function API is called in the React app at `\client\src\components\SearchBar\SearchBar.js` as part of the [Material UI's Autocomplete component](https://mui.com/material-ui/react-autocomplete/). This component uses the input text to search for authors and books that match the input text then displays those possible matches at selectable items in the drop-down list.
+The Suggest function API is called in the React app at `\client\src\components\SearchBar\SearchBar.jsx` as part of the [Material UI's Autocomplete component](https://mui.com/material-ui/react-autocomplete/). This component uses the input text to search for authors and books that match the input text then displays those possible matches at selectable items in the drop-down list.
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/components/SearchBar/SearchBar.js" :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/components/SearchBar/SearchBar.jsx" :::
## Azure Function: Get specific document
@@ -62,9 +62,9 @@ The [Document Lookup API](https://github.com/Azure-Samples/azure-search-static-w
## Client: Get specific document
-This function API is called in the React app at `\client\src\pages\Details\Detail.js` as part of component initialization:
+This function API is called in the React app at `\client\src\pages\Details\Details.jsx` as part of component initialization:
-:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Details/Details.js" :::
+:::code language="csharp" source="~/azure-search-static-web-app/client/src/pages/Details/Details.jsx" :::
## C# models to support function app
{
"modification_type": "minor update",
"modification_title": "ファイルの拡張子を変更と情報の更新"
}この変更では、C#のコードが含まれる複数のセクションにおいて、ファイルの拡張子が.jsから.jsxに変更されました。また、Reactクライアント内でAzure Functionを呼び出すための具体的なパスに、より詳細な情報が加えられました。具体的には、検索機能やサジェスト機能、特定のドキュメント取得に関連するコードの変更が含まれています。この修正は、開発者がファイルの役割と構造をより明確に理解できるようにするために行われました。アプリケーションの利用者や開発者に対する明確さを高めることを目的とした、軽微な更新です。