Ignite UI for Angular 20 リリースノート

インフラジスティックス・ジャパン株式会社、ローカライゼーションのルミです。Ignite UI for Angular 20 リリースいたしました。本リリースでは、様々な新機能と変更が含まれておりますので是非ご期待ください。詳細は以下をご覧ください。

• Typedoc と Sass の API サイトで表示するバージョンを選択いただけますが、製品リリースから同バージョンの API ご提供までには通常数日いただいております。また前バージョンリリース以降に API の追加/変更がない場合、最新バージョンはドロップダウンに追加されない場合があることにご注意ください。

はじめに

Ignite UI for Angular は、50 種類以上のマテリアルデザインに対応する Angular 対応コンポーネントです。モバイル向けのコンポーネントだけではなく、データグリッドや、コンボ、カレンаダーなど、業務アプリで必須の機能を持ったコンポーネントを提供しています。

Ignite UI for Angular のバージョニング

Ignite UI for Angular は、有名なセマンティックバージョニングとは異なる方式でバージョンがつけられています。詳しくは下記の記事をご覧ください。

Ignite UI for Angular 20.0.18 リリースノート

ここからは、GitHub の 20.0.18 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(action-strip): ピン固定アクションがホバー時に正しいラベルを表示しない問題を修正しました (#16245)。
• fix(grid): グリッドの表示コンテナーに flex:1 を追加し、利用可能な幅に応じて拡大・縮小するようにしました (#16036)。
• HGrid: 高度なフィルタリング用スキーマ生成時にヘッダーを追加しました (#16217)。

Ignite UI for Angular 20.0.17 リリースノート

ここからは、GitHub の 20.0.17 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(apidocs): positionSettings の API コメント用のインポートを修正しました (#15926)。
• refactor(tree): ツリーの SSR 対応として requestAnimationFrame チェックを追加しました (#16102)。

Ignite UI for Angular 20.0.16 リリースノート

ここからは、GitHub の 20.0.16 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• フォーム検証を正しく動作させるために、markAsTouched を追加しました (#16213)。

Ignite UI for Angular 20.0.15 リリースノート

ここからは、GitHub の 20.0.15 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• JSON.parse の置き換えにより、オブジェクト リテラルを解析する際のエラーを防止しました (#16195)。

Ignite UI for Angular 20.0.14 リリースノート

ここからは、GitHub の 20.0.14 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• IDatePickerValidationFailedEventArgs を公開しました (#16174)。
• fix(input-group): Bootstrap テーマにおける prefix および suffix のボーダーを修正しました (#16149)。

Ignite UI for Angular 20.0.13 リリースノート

ここからは、GitHub の 20.0.13 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(*): 製品版環境ビルドが内部で失敗する問題を修正しました (#16181)。

Ignite UI for Angular 20.0.12 リリースノート

ここからは、GitHub の 20.0.12 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• 階層グリッドで、すでに選択されているセルに対して selected イベントを発行しないようにしました (#16117)。
• 列リサイザーの位置を修正しました (#16123)。
• feat(icon): aria-hidden="true" 属性を追加しました (#16010)。
• chore(schematics): ts-node で動作する Node バージョンを使用するようにしました (#16163)。
• fix(QB): エンティティの JSDoc を更新し、@hidden デコレーターを削除しました (#16167)。
• fix(column): 列のサイズ調整時に minWidth を使用するようにしました (#16135)。
• fix(tooltip): ターゲットがクリックされた場合にツールチップを表示しないようにしました (#16154)。

Ignite UI for Angular 20.0.11 リリースノート

ここからは、GitHub の 20.0.11 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• refactor(themes): テーマから spacing 変数を使用するように変更しました (#16127)。
• fix(switch): 新しいサムホバー (thumb hover) プロパティを使用するようにスイッチを更新しました (#16111)。
• グリッドの列ヘッダーにおけるアクセシビリティの問題 (aria-activedescendant や読み上げ内容) を改善しました (#15982)。

Ignite UI for Angular 20.0.10 リリースノート

ここからは、GitHub の 20.0.10 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• feat(dropdown): スクリーン リーダー対応として、トグルに aria-activedescendant を追加しました (#16065)。
• aria-label が id にデフォルト設定されないようにしました (#15879)。
• fix(grid-column-groups, pivot): アクセシビリティ向上のため、ヘッダーを持つ非表示の行をレンダリングするように修正しました (#16019)。
• fix(tooltip): 複数の document touch イベント リスナーが追加されないようにしました (#16104)。

Ignite UI for Angular 20.0.9 リリースノート

ここからは、GitHub の 20.0.9 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• ドロップダウン項目で Tab キーが押された際に、ドロップダウンが閉じるようにしました (#15872)。
• refactor(input-group): ファイル アップロードのスタイル実装を更新しました (#16003)。
• CellTemplate 内の要素がクリックされた場合に、範囲選択が誤ってトリガーされないようにしました (#16025)。
• 「. 」 を含むフィールドの検証に対応しました (#16054)。
• feat(themes): Angular から Theming パッケージへコンポーネント テーマをエクスポートしました (#16027)。
• fix(date-picker): Indigo テーマの elevation を修正しました (#16078)。
• deps(theming): Theming のバージョンを最新に更新しました (#16079)。

Ignite UI for Angular 20.0.8 リリースノート

ここからは、GitHub の 20.0.8 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• 「選択のクリア」ボタンをフォーカス可能にし、キーボード操作に対応しました (#15874)。
• fix(ci): CodeQL の実行ルールを修正しました (#16060)。
• fix(ci): ローカライズ ディレクトリのパスを正しく修正しました (#16061)。
• トグル ボタンをフォーカス可能にし、コンボボックスの入力に aria ラベルを追加しました (#15921)。

Ignite UI for Angular 20.0.7 リリースノート

ここからは、GitHub の 20.0.7 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• deps(sassdoc-theme): sassdoc-theme を最新バージョンに更新しました。 (#16052)。

Ignite UI for Angular 20.0.6 リリースノート

ここからは、GitHub の 20.0.6 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(grid-validation): エラー用ツールチップに開閉アニメーションを追加しました (#15883)。
• fix(excel-style-filtering): 数値列で負の小数値が許可されるようになりました (#15928)。
• fix(timepicker): タッチパッドでのスクロール操作を改善しました (#15875)。
• fix(radio-group): 動的に追加されたラジオ ボタンが初期化されない問題を修正しました (#16021)。
• ci: SassDoc ビルドを再構成し、テーマおよびローカライゼーションのバージョンを 2.0.0 に更新しました (#15943)。
• fix(calendar): すべての日付状態が radius に反応するようにしました (#16031)。
• fix(query-builder): isAdvancedFiltering の判定処理を改善しました (#16020)。
• simple-combo に disableFiltering オプションを追加しました (#16013)。
• fix(elements): ブリッジされたテンプレートのトラック UUID にユーティリティ関数とフォールバック処理を使用するようにしました (#16043)。

Ignite UI for Angular 20.0.5 リリースノート

ここからは、GitHub の 20.0.5 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• refactoring(query-builder): 外側のパディングを CSS カスタム プロパティとして公開しました (#15975)。
• fix(vhelper): vhelper スクロールバーが表示されている場合のみパディングを固定するようにしました (#15972)。
• fix(grid): 編集中でない場合に endEdit をキャンセルするようにしました (#15995)。
• fix(igxGrid): 列幅がパーセンテージ指定の場合、水平スクロールバーの表示タイミングを丸めて計算するようにしました (#15886)。
• fix(igxGrid): グリッドのデータが外部から変更された際に editValue を更新するようにしました (#15885)。
• aria-required と required 状態を同期しました (#15998)。
• fix(datepicker): Indigo テーマでの elevation スタイルを更新しました (#16004)。
• fix(h-grid): 子データに対して null チェックを追加しました (#15930)。
• fix(pivotGrid): 列フォーマッターの引数が正しく設定されない問題を修正しました (#16012)。

Ignite UI for Angular 20.0.4 リリースノート

ここからは、GitHub の 20.0.4 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(IgxGrid): 大規模なコレクションに対して spread 演算子を使用しないように修正しました (#15915)。
• fix(igxHierarchicalGrid): rowIsland の変更時に既存の子グリッドを更新するよう修正しました (#15934)。
• fix(igxGrid): スロットリング時にデフォルトのスケジューラーを使用するようにしました (#15884)。
• fix(input-group): フォーカス時の背景色に正しい変数を使用するよう修正しました (#15909)。
• fix(grid): グリッドのシャドウ表示を修正しました (#15990)。
• fix(grid): 無効なセル アイコンが切り取られる問題を修正しました (#15991)。
• fix(igxGrid): 展開可能なセルのスタイルを調整しました (#15890)。
• fix(igxGrid): イベントで追加されたセルに対し、初期値に基づいて検証がトリガーされるようにしました (#15993)。
• refactor(drop-down): 項目のアイコン サイズを調整しました (#15967)。
• fix(igxGrid): トラック変更が文字列に解決され、サイズ変更も追跡するようにしました (#15889)。
• fix(igxSplitter): ゾーンが安定してからペインのプロパティを割り当てるようにしました (#15888)。
• fix(pivot-grid): 通貨形式の値を count 集計子で扱えるよう修正しました (#15894)。
• fix(carousel-base): コンポーネント破棄時にアニメーションプレイヤーを null に設定するようにしました (#15980)。

Ignite UI for Angular 20.0.3 リリースノート

ここからは、GitHub の 20.0.3 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• refactor(input-group): プレースホルダーが削除された際のラベル位置を調整しました (#15933)。
• fix(grid): 列アクションの入力フィールドに適用されていた負のマージンを削除しました (#15949)。
• fix(combo): クリア ボタンの前景色および背景色のパラメーターを修正しました (#15944)。
• fix(combo/select): suffix を動的に削除できるようにしました (#15956)。
• fix(input-group): Bootstrap テーマにおける invalid/success 状態のシャドウを修正しました (#15959)。
• fix(esf): ブラウザ環境下でのみ requestAnimationFrame を使用するようにしました (#15955)。
• fix(pivot-grid): IgxPivotGridRow を最新の master ブランチに追加しました (#15893)。
• fix(tooltip): SSR 環境に対応するため、document を inject 経由で使用するようにしました (#15951)。
• fix(calendar): 週の開始日が月曜日の場合、ISO 8601 に準拠して週番号を計算するようにしました (#15964)。

Ignite UI for Angular 20.0.2 リリースノート

ここからは、GitHub の 20.0.2 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(Toolbar): エクスポートのキャンセル時に進行状況インジケーターが非表示になるよう修正しました (#15923)。
• fix(button): アクティブ状態で active-shadow プロパティが適用されない問題を修正しました (#15914)。
• fix(combo): prefix/suffix ディレクティブが機能しない問題を修正しました (#15898)。
• fix(combo): 大文字・小文字を区別するアイコンのスタイルを Web Components に合わせて調整しました (#15902)。
• fix(input-group): 未使用の interim-bottom-line-color プロパティを削除しました (#15854)。
• feat(igx-vhelper): スクロールバーのサイズ用に CSS カスタム プロパティを作成し、使用するようにしました (#15918)。
• コンポーネント テーマを改善しました (#15729)。

Ignite UI for Angular 20.0.1 リリースノート

ここからは、GitHub の 20.0.1 リリースノートを訳したものです。読みやすいように意訳をいれていますので、必ず本文を確認してください。

新機能

• 本リリースに新機能・拡張機能は含まれておりません。

不具合修正

• fix(grids): 非表示の列がある場合にピン固定を解除した後の列の位置を修正しました (#15543)。

Ignite UI for Angular 20.0.0 リリースノート

一般

• Angular 20 の互換性 - Ignite UI for Angular は Angular 20 に対応しました。アプリをアップグレードして、最新の機能をご活用ください。
• IgxActionStrip
  • 動作の変更 - Grid 外で Action Strip をスタンドアロンで使用する場合、コンポーネントは最初は表示されなくなり、hidden プロパティのデフォルトは true になります。
• IgxChip
  • 動作の変更 - variant プロパティは、サポートされているオプションの文字列リテラルのみに厳密に型指定されるようになり、無効な値は受け付けなくなりました。初期状態を指定しない場合は、null や undefined を渡してください。

新機能

• IgxGrid、IgxTreeGrid、IgxHierarchicalGrid、IgxPivotGrid
  • 新しい igxGridEmpty テンプレート ディレクティブを追加しました。これにより、emptyGridTemplate を他のグリッドテンプレートと同様に、参照を取得して割り当てることなく宣言的に設定できます。

    <igx-grid>
      <ng-template igxGridEmpty>
        <!-- content to show when the grid is empty -->
      </ng-template>
    </igx-grid>
    

  • 新しい igxGridLoading テンプレート ディレクティブを追加しました。これにより、loadingGridTemplate も参照の取得や割り当てをせずに、宣言的に設定できます。

    <igx-grid>
      <ng-template igxGridLoading>
        <!-- content to show when the grid is loading -->
      </ng-template>
    </igx-grid>
    

サンプル

Ignite UI for Angular を初めて使う、という方は是非こちらから

• オンラインサンプル
  

  jp.infragistics.com

• トライアルの開始
  

Angular API

Ignite UI for Angular の API はこちらから

• Angular API Typedoc
• Angular API Sass

ナレッジベース

お客様の問題解決に役立つナレッジベースを公開しています。

ナレッジベースはこちらから

https://kb.jp.infragistics.com/