Merge pull request #1761 from IgniteUI/vnext

Updating production with JP changes

Author: ChronosSF

doc/jp/components/charts/features/chart-data-annotations.md

@@ -11,6 +11,9 @@ _language: ja
 
 {Platform} チャートでは、データ注釈レイヤーを使用して、データ チャートにプロットされたデータに、傾斜線、垂直/水平線 (軸スライス)、垂直/水平ストリップ (特定の軸をターゲットとする)、四角形、さらには平行四辺形 (バンド) で注釈を付けることができます。データ バインディングがサポートされているため、チャートをカスタマイズするために必要な数の注釈を作成できます。また、さまざまな注釈レイヤーを組み合わせて、プロット領域内にテキストをオーバーレイし、データ内の重要なイベント、パターン、領域に注釈を付けることもできます。
 
+>[!Note]
+>これらの機能はデカルト軸をサポートするように設計されており、現在は半径または角度の軸には対応していません。
+
 たとえば、株式イベントやパターンを用いて株価に注釈を付けることができます。
 
 `sample="/charts/data-chart/data-annotation-multiple-with-stocks", height="600", alt="{Platform} 複数のデータ注釈の例"`

doc/jp/components/excel-library-working-with-sparklines.md

@@ -14,7 +14,8 @@ Infragistics {Platform} Excel Library は、Excel ワークシートにスパー
 
 `sample="/excel/excel-library/working-with-sparklines", height="500", alt="{Platform} スパークラインを使用した作業の例"`
 
-
+> [!Note]
+> XLSX 形式は必要です。他の形式は現在サポートされていません。
 
 <div class="divider--half"></div>
 

doc/jp/components/excel-library.md

@@ -14,7 +14,8 @@ Infragistics {Platform} Excel ライブラリは、`Workbook`、`Worksheet`、`C
 
 `sample="/excel/excel-library/overview", height="100", alt="{Platform} Excel ライブラリの例"`
 
-
+> [!Note]
+> XLSX 形式は必要です。他の形式は現在サポートされていません。
 
 <div class="divider--half"></div>
 

doc/jp/components/general-changelog-dv-react.md

@@ -12,6 +12,73 @@ _language: ja
 
 ## **{PackageVerLatest}**
 
+### 新しいコンポーネント
+
+- `IgrChat` コンポーネントを追加しました。
+
+### {PackageGrids} (グリッド)
+- `IgrGrid`、`IgrTreeGrid`、`IgrHierarchicalGrid`
+    - 同じデータまたはその他のカスタム条件に基づいて列内のセルを 1 つのセルに構成および結合できる新しいセル結合機能を追加しました。
+
+        個々の列で有効化できます:
+
+        ```tsx
+        <IgrColumn field="field" merge={true}></IgrColumn>
+        ```
+        グリッド レベルで以下のいずれかの設定が可能です:
+        - `onSort` - 列がソートされたときのみ結合。
+        - `always` - データ操作に関わらず常に結合。
+
+        ```tsx
+        <IgrGrid cellMergeMode="always">
+        </IgrGrid>
+        ```
+
+        デフォルトの `cellMergeMode` は `onSort` です。
+
+        カスタム シナリオに応じて結合条件やロジックを変更する場合は、グリッドにカスタムの `mergeStrategy` を設定できます。
+
+        特定のデータ フィールドに対してカスタム処理が必要な場合には、個々の列に `mergeComparer` を設定することもできます。
+
+    - 列をグリッドの特定の側 (先頭または末尾) にピン固定できるようになりました。これにより、両側からのピン固定が可能です。これは、列の `pinningPosition` プロパティを宣言的に設定することで実行できます。
+
+        ```tsx
+        <IgrColumn field="Col1" pinned={true} pinningPosition="pinningPosition">
+        </IgrColumn>
+        ```
+
+        ```ts
+        pinningPosition = ColumnPinningPosition.End;
+        ```
+
+        または、API を使用してオプションのパラメーターで実行することもできます。
+
+        ```ts
+        grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
+        grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);
+        ```
+
+        列にプロパティ `pinningPosition` が設定されていない場合、列はグリッドの `columns` の `pinning` オプションで指定された位置にデフォルト設定されます。
+
+    - **ソートの改善**
+        - Schwartzian Transformation を用いてソート アルゴリズムの効率を改善しました。この手法 (decorate-sort-undecorate とも呼ばれる) は、ソート キーを一時的に元データに関連付けることで再計算を回避します。
+        - ソート アルゴリズムを再帰型から反復型にリファクタリングしました。
+    - **グループ化の改善**
+        - グループ化アルゴリズムを再帰型から反復型にリファクタリングしました。
+        - グループ化処理を最適化しました。
+
+### バグ修正
+| バグ修正 | コントロール | 説明 |
+|------------|---------|-------------|
+|[1853](https://github.com/IgniteUI/igniteui-webcomponents/pull/1853)| List |リスト コンポーネントおよびテーマ間で重複していた CSS 変数を削除。|
+|[1871](https://github.com/IgniteUI/igniteui-webcomponents/pull/1871)| Card |テーマからカラーを取得するように変更。|
+|[1873](https://github.com/IgniteUI/igniteui-webcomponents/pull/1873)| Card |カード ヘッダー内のアバター サイズを調整。|
+|[1882](https://github.com/IgniteUI/igniteui-webcomponents/pull/1882)| Chat |最後のメッセージ後にメッセージ アクションがレンダーされない問題を修正。|
+|[1885](https://github.com/IgniteUI/igniteui-webcomponents/pull/1885)| Date Picker |編集不可の入力設定で change イベントが発生しない問題を修正。|
+|[1894](https://github.com/IgniteUI/igniteui-webcomponents/pull/1894)| Date Picker | Material テーマで値をクリアした際にノッチの境界線に関する問題を修正。|
+
+## **{PackageVerChanges-25-1-OCT}**
+
 ### {PackageMaps} 地理マップ
 
 #### <label>PREVIEW</label> Azure マップ画像のサポート

doc/jp/components/general-changelog-dv-wc.md

@@ -13,6 +13,73 @@ _language: ja
 
 ## **{PackageVerLatest}**
 
+### 新しいコンポーネント
+
+- `IgrChat` コンポーネントを追加しました。
+
+### {PackageGrids} (グリッド)
+- `IgcGrid`、`IgcTreeGrid`、`IgcHierarchicalGrid`
+    - 同じデータまたはその他のカスタム条件に基づいて列内のセルを 1 つのセルに構成および結合できる新しいセル結合機能を追加しました。
+
+        個々の列で有効化できます:
+
+        ```html
+        <igc-column field="field" merge="true"></igc-column>
+        ```
+        グリッド レベルで以下のいずれかの設定が可能です:
+        - `onSort` - 列がソートされたときのみ結合。
+        - `always` - データ操作に関わらず常に結合。
+
+        ```html
+        <igc-grid cellMergeMode="always">
+        </igc-grid>
+        ```
+
+        デフォルトの `cellMergeMode` は `onSort` です。
+
+        カスタム シナリオに応じて結合条件やロジックを変更する場合は、グリッドにカスタムの `mergeStrategy` を設定できます。
+
+        特定のデータ フィールドに対してカスタム処理が必要な場合には、個々の列に `mergeComparer` を設定することもできます。
+
+    - 列をグリッドの特定の側 (先頭または末尾) にピン固定できるようになりました。これにより、両側からのピン固定が可能です。これは、列の `pinningPosition` プロパティを宣言的に設定することで実行できます。
+
+        ```html
+        <igc-column field="Col1" pinned="true" pinningPosition="pinningPosition">
+        </igc-column>
+        ```
+
+        ```ts
+        pinningPosition = ColumnPinningPosition.End;
+        ```
+
+        または、API を使用してオプションのパラメーターで実行することもできます。
+
+        ```ts
+        grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
+        grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);
+        ```
+
+        列にプロパティ `pinningPosition` が設定されていない場合、列はグリッドの `columns` の `pinning` オプションで指定された位置にデフォルト設定されます。
+
+    - **ソートの改善**
+        - Schwartzian Transformation を用いてソート アルゴリズムの効率を改善しました。この手法 (decorate-sort-undecorate とも呼ばれる) は、ソート キーを一時的に元データに関連付けることで再計算を回避します。
+        - ソート アルゴリズムを再帰型から反復型にリファクタリングしました。
+    - **グループ化の改善**
+        - グループ化アルゴリズムを再帰型から反復型にリファクタリングしました。
+        - グループ化処理を最適化しました。
+
+### バグ修正
+| バグ修正 | コントロール | 説明 |
+|------------|---------|-------------|
+|[1853](https://github.com/IgniteUI/igniteui-webcomponents/pull/1853)| List |リスト コンポーネントおよびテーマ間で重複していた CSS 変数を削除。|
+|[1871](https://github.com/IgniteUI/igniteui-webcomponents/pull/1871)| Card |テーマからカラーを取得するように変更。|
+|[1873](https://github.com/IgniteUI/igniteui-webcomponents/pull/1873)| Card |カード ヘッダー内のアバター サイズを調整。|
+|[1882](https://github.com/IgniteUI/igniteui-webcomponents/pull/1882)| Chat |最後のメッセージ後にメッセージ アクションがレンダーされない問題を修正。|
+|[1885](https://github.com/IgniteUI/igniteui-webcomponents/pull/1885)| Date Picker |編集不可の入力設定で change イベントが発生しない問題を修正。|
+|[1894](https://github.com/IgniteUI/igniteui-webcomponents/pull/1894)| Date Picker | Material テーマで値をクリアした際にノッチの境界線に関する問題を修正。|
+
+## **{PackageVerChanges-25-1-SEP}**
+
 ### {PackageMaps}
 
 #### <label>PREVIEW</label> Azure マップ画像のサポート

doc/jp/components/general-getting-started-blazor-web-app.md

@@ -20,7 +20,9 @@ Visual Studio 2022 を起動し、開始ページで **[新しいプロジェク
 
 <img src="../images/general/new-blazor-project-configuring-web-app.jpg" />
 
-次のステップでは、オプションの Interactivty の場所の設定に注意してください。これは、クライアント プロジェクト内のページごとにデフォルト設定されます (例: @rendermode Interactive Auto)。もう 1 つのオプションである Global では、Interactivty レンダリング モードの設定を、共有 Blazor プロジェクト内の 1 つの場所にある App.razor に移動します。例: <Routes @rendermode="InteractiveAuto"/>
+次のステップでは、オプションの Interactivty の場所の設定に注意してください。これは、クライアント プロジェクト内のページごとにデフォルト設定されます (例: @rendermode Interactive Auto)。もう 1 つのオプションである Global では、Interactivty レンダリング モードの設定を、共有 Blazor プロジェクト内の 1 つの場所にある App.razor に移動します。
+
+例: <Routes @rendermode="InteractiveAuto"/>
 
 **追加のプロジェクト オプションを指定し、[作成]** をクリックします。
 
@@ -30,15 +32,13 @@ Visual Studio 2022 を起動し、開始ページで **[新しいプロジェク
 
 Ignite UI for Blazor は、NuGet パッケージで提供されます。Blazor アプリケーションで Ignite UI for Blazor コンポーネントを使用するには、最初に適切な NuGet パッケージをインストールする必要があります。
 
-Visual Studio で、**[ツール]** → **[NuGet パッケージ マネージャー]** → **[ソリューションの NuGet パッケージの管理]** を選択して、NuGet パッケージ マネージャーを開きます。**IgniteUI.Blazor** NuGet パッケージを検索してインストールします。
+Visual Studio で、**[ツール]** → **[NuGet パッケージ マネージャー]** → **[ソリューションの NuGet パッケージの管理]** を選択して、NuGet パッケージ マネージャーを開きます。すべての対象プロジェクトを選択してパッケージをインストールし、**IgniteUI.Blazor** NuGet パッケージを検索してインストールします。
 
 NuGet を使用した Ignite UI for Blazor のインストールの詳細については、[Ignite UI for Blazor のインストール](general-installing-blazor.md) トピックを参照してください。
 
 ## Ignite UI for Blazor の登録
 
-### .NET 8 以降のアプリケーション
-
-1 - 共有 **Program.cs** ファイルを開き、**builder.Services.AddIgniteUIBlazor()** 関数を呼び出して Ignite UI for Blazor サービスを登録します。
+1 - サーバーの **Program.cs** ファイルを開き、**builder.Services.AddIgniteUIBlazor()** 関数を呼び出して Ignite UI for Blazor サービスを登録します。
 
 ```razor
 var builder = WebApplication.CreateBuilder(args);
@@ -63,21 +63,35 @@ builder.Services.AddIgniteUIBlazor();
 await builder.Build().RunAsync();
 ```
 
-2 - **IgniteUI.Blazor.Controls** 名前空間を **_Imports.razor** ファイルに追加します。
+2 - クライアント プロジェクトとサーバー プロジェクト両方の **_Imports.razor** ファイルに、**IgniteUI.Blazor.Controls** 名前空間を追加します。
 
 ```razor
 @using IgniteUI.Blazor.Controls
 ```
 
-3 - **wwwroot/index.html** ファイルの **<head\>** 要素にスタイル シートを追加します。
+3 - サーバー プロジェクトの **Components/App.razor** ファイル内の **<head\>** 要素にスタイル シートを追加します。
 
 ```razor
 <head>
-    <link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
-</head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+
+    <link rel="stylesheet" href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" />
+```
+
+.NET 9 以降のアプリケーションでは、**Assets** コレクション プロパティを使用することを推奨します。
+
+```razor
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+
+    <link rel="stylesheet" href="@Assets["_content/IgniteUI.Blazor/themes/light/bootstrap.css"]" />
 ```
 
-4 - スクリプト参照を **wwwroot/index.html** ファイルに追加します。
+4 - スクリプト参照を **Components/App.razor** ファイルに追加します。
 
 ```razor
 <script src="_content/IgniteUI.Blazor/app.bundle.js"></script>
@@ -86,7 +100,7 @@ await builder.Build().RunAsync();
 
 ## Ignite UI for Blazor コンポーネントの追加
 
-Razor ページに Ignite UI for Blazor コンポーネントの追加:
+Razor ページに Ignite UI for Blazor コンポーネントを追加します。(Ignite UI for Blazor コンポーネントには **InteractiveServer**、**InteractiveWebAssembly**、または **InteractiveAuto** のようなインタラクティブなレンダー モードが必要です。「ページ/コンポーネントごと」のインタラクティビティを使用する場合は、Ignite UI コンポーネントを使用するページにインタラクティブなレンダー モードが指定されていることを確認してください。)
 
 ```razor
 <IgbCard style="width:350px">