Skip to content

Updating JA changelogs (April release) #1502

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 12, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions doc/jp/components/general-changelog-dv-blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,16 @@ _language: ja
- **すべてのグリッド**
- `FilteringExpressionsTree` プロパティを使用して初期フィルタリングの適用が可能になりました。

### バグ修正

| バグ番号 | コントロール | 説明 |
|------------|---------|------------------|
|25602|IgbDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。|
|28480|IgbCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。|
|32598|IgbDataGrid|複数選択が正しく動作しない。
|36374|IgbInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。|
|37214|一般|Blazor の WebCallback.Register() で断続的にエラーが発生する。

## **{PackageVerChanges-24-2-MAR}**

### {PackageGrids}
Expand Down
34 changes: 34 additions & 0 deletions doc/jp/components/general-changelog-dv-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,30 @@ _language: ja

{ProductName} の各バージョンのすべての重要な変更は、このページに記載されています。

## **{PackageVerChanges-24-2-APR2}**

> [!Note] バージョン 19.0.0 では、React 製品に多くの重大な変更が導入され、API の改善と整理が行われました。詳細は完全なアップデートガイドをご参照ください。

[アップデート ガイド](update-guide.md)

### 削除済
- `CheckboxChangeEventArgs` は削除されました。代わりに `IgrCheckboxChangeEventArgs` を使用してください。
- `RadioChangeEventArgs` は削除されました。代わりに `IgrRadioChangeEventArgs` を使用してください。
- `IgrRangeSliderValue` は削除されました。代わりに `IgrRangeSliderValueEventArgs` を使用してください。
- `IgrActiveStepChangingArgs` は削除されました。代わりに `IgrActiveStepChangingEventArgs` を使用してください。
- `IgrActiveStepChangedArgs` は削除されました。代わりに `IgrActiveStepChangedEventArgs` を使用してください。


### 機能拡張

#### Stepper
Stepper Step の `titlePosition` は、同じ動作を持つ undefined ではなく、デフォルトで `auto` に設定されるようになりました。

#### Tabs
`igr-tab` パネル プロパティは削除されました。

igr-tab-panel コンポーネントは削除されました。igr-tab では、タブ ヘッダーとタブ コンテンツの両方が 1 つのコンポーネントに含まれるようになりました。

## **{PackageVerChanges-24-2-APR}**

### 新しいコンポーネント
Expand All @@ -33,6 +57,16 @@ _language: ja

- `Button` の `clicked` イベントは非推奨となりました。代わりにネイティブの `onClick` ハンドラーを使用してください。

### バグ修正

| バグ番号 | コントロール | 説明 |
|------------|---------|------------------|
|25602|IgrDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。|
|28480|IgrCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。|
|30319|IgrDataGrid|値が変更されていないにもかかわらず、レコードがソートされる。|
|32598|IgrDataGrid|複数選択が正しく動作しない。
|36374|IgrInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。|

## **{PackageVerChanges-24-2-MAR1}**

### {PackageGrids}
Expand Down
10 changes: 10 additions & 0 deletions doc/jp/components/general-changelog-dv-wc.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,16 @@ _language: ja
- **すべてのグリッド**
- `FilteringExpressionsTree` プロパティを使用して初期フィルタリングの適用が可能になりました。

### バグ修正

| バグ番号 | コントロール | 説明 |
|------------|---------|------------------|
|25602|IgcDataGrid|日付特有のフィルター演算子を含むレイアウトを読み込むと、TypeError がコンソールに出力される。|
|28480|IgcCombo|データ ソースを置き換えた際に未定義の参照エラーが発生する。|
|30319|IgcDataGrid|値が変更されていないにもかかわらず、レコードがソートされる。|
|32598|IgcDataGrid|複数選択が正しく動作しない。
|36374|IgcInput|タッチ デバイスでフォームを送信すると、以前の値がバインドされる。|

## **{PackageVerChanges-24-2-FEB}**

### 機能拡張
Expand Down
79 changes: 79 additions & 0 deletions doc/jp/components/update-guide.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
---
title: アップデート ガイド | Ignite UI for React | インフラジスティックス
_description: Ignite UI for React ライブラリの新しいバージョンに更新する方法については、この記事をご覧ください。
_keywords: ignite ui for react, update, npm package, material components, アップデート, npm パッケージ, マテリアル コンポーネント
_language: ja
---

# アップデート ガイド
Ignite UI for React バージョニング は、最初の数字がコードがサポートする React のメジャー バージョンで、2 番目の数字はメジャー バージョン リリースの数字です。重大な変更はメジャー リリースとメジャー リリースの間にリリースされる場合があります。Ignite UI for React 各リリースのすべての変更の一覧は、製品 [CHANGELOG](./general-changelog-dv-react.md) をご覧ください。


## 18.9.0 から 19.0.0 の場合
このリリースでは、一部の React コンポーネントの内部構造が大幅に再設計され、**igniteui-react** および **igniteui-react-grids** パッケージに以下の変更が加えられました。

### 一般
#### 重大な変更

- Ignite UI for React のコンポーネントは、React の関数コンポーネントを使用するようになりました。これにより、***useRef*** で取得される参照は、クラス コンポーネントのインスタンスではなく、ネイティブ要素へのフォワード参照になります。多くのユースケースでは変更なしにそのまま使用できますが、DOM 要素自体へアクセスするために追加のプロパティが不要になるなど、一部の実装には変更が必要な場合があります。
- すべてのプロパティでの代替的な文字列ユニオン タイプ (例: ***boolean | string*** や ***number | string***) の使用は、コンポーネントでサポートされなくなりました。さらに、文字列のユニオン タイプでは大文字と小文字が区別されなくなりました。

```tsx
<IgrColumn dataType="String" sortable="true"></IgrColumn>
```

は次のようになります:

```tsx
<IgrColumn dataType="string" sortable={true}></IgrColumn>
```
- コンポーネント イベントには **on** というプレフィックスが付きます。つまり

```tsx
<IgrGrid columnPin={handlePinning}></IgrGrid>
```

は次のようになります:

```tsx
<IgrGrid onColumnPin={handlePinning}></IgrGrid>
```

- コンポーネント イベントは、最初の引数として **sender** の代わりに単一の標準 **CustomEvent** 引数を発行します。したがって、***sender.nativeElement*** などのカスタム プロパティは使用できなくなりましたが、ネイティブ イベント プロパティはすべて使用できます。また、イベント引数のタイプは特定のカスタム イベントのエイリアスとして使用できるため、***detail*** にアクセスする使用法は同じままです。新しいハンドラー シグネチャでは、***event.detail*** は同じで、***event.target*** は送信者と同等の DOM 要素になります。

```tsx
const handlePinning = (sender: IgrGridBaseDirective, event: IgrPinColumnCancellableEventArgs) => {};
```

は次のようになります:

```tsx
const handlePinning = (event: IgrPinColumnCancellableEventArgs) => {}
// equivalent to
const handlePinning = (event: CustomEvent<IgrPinColumnCancellableEventArgsDetail>) => {}
```
- コンポーネントには、デフォルトで非機能的な ***name*** プロパティが付与されなくなりました。***name*** プロパティは、主に **IgrInput** や **IgrCombo** などのフォーム入力コンポーネントにおいてネイティブの機能を持つため、**igniteui-react** のコンポーネントにのみ残されています。
- Ignite UI for React コンポーネントでは、React の[ドキュメント](https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key)に従って必要な場合を除き、***key*** プロパティは不要になりました。
- [IgrDataGrid](./grids/data-grid/overview.md) は、**igniteui-react-grids** パッケージの一部ではなくなりました。より軽量な構成を実現するため、**igniteui-react-data-grids** パッケージに移動されました。
- バージョン **18.9.0** ではクラスとして公開されていたいくつかの型は、現在ではタイプとしてエクスポート されるようになりました。これらは以下のように使用できます:

```tsx
const pivotConfiguration = new IgrPivotConfiguration();
```

は次のようになります:

```tsx
const pivotConfiguration: IgrPivotConfiguration = {
rows: [],
columns: [],
values: []
}
```

- **IgrButton**
- **重大な変更**
- ***clicked*** イベントは削除されました。代わりにネイティブの ***onClick*** を使用してください。
- **IgrInput**
- **重大な変更**
- ***inputOccurred*** イベントの名前が ***onInput*** に変更されました。
6 changes: 6 additions & 0 deletions docfx/jp/components/toc.json
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,12 @@
"name": "Ignite UI for React と Next.js の統合",
"href": "nextjs-usage.md"
},
{
"exclude": ["Angular", "Blazor", "WebComponents"],
"name": "アップデート ガイド",
"href": "update-guide.md",
"status": "NEW"
},
{
"exclude": ["Angular"],
"name": "インタラクティビティ",
Expand Down