インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

Ignite UI for Web Components - バージョン 22.2 最新情報

こんにちは、インフラジスティックス・ジャパンです。 本記事では Ignite UI for Web Components の最新バージョン 22.2 の最新情報についてご紹介します。

Ignite UI for Web Components 22.2には、Accordion、DateTime Input、Dialog、Select、Tabsといった5つの新しいコンポーネントが含まれています。 また、新しいモダンなデータグリッドとツリーグリッドは、サードパーティ製の Web Components グリッドの中で最も多くの機能と最高のパフォーマンスを備えています。このような大規模なリリースのため、これ以上のものは無いと思われたかもしれませんが、私たちはそうではありませんでした。私たちは、市場をリードするデータ可視化チャートにも多くの改良を加えました。

この記事はインフラジスティックス本社により作成された英文記事の翻訳により作成されました。
原文は以下よりご確認いただけます。
www.infragistics.com

新しい Web Components のデータグリッド

新しいデータグリッドコンポーネントは、データを表形式で素早く簡単に表示するために使用されます。データグリッドは、データの編集、選択、フィルタリング、ソート、グループ化、ピン留め、ページング、テンプレート化、列移動、エクスポートなどの機能を満載した最新のグリッドコンポーネントです。Ignite UI for Web Components で以前にリリースされたグリッドと比較すると、新しいデータグリッドは大幅に機能が増え、APIも豊富になり、テーマも利用できます。

今回のリリースで最も重要なのは、新しいデータグリッドは既存の Web Components データグリッドを完全に置き換えるものであるということです。つまり、以前の Web Components データグリッドを使用している場合は、古いデータグリッドを新しいデータグリッドに更新する必要があります。

我々は古いものを捨て、新しいものを取り入れることを決断しました。

Web Components ツリーグリッド

ツリーグリッドコンポーネントは、マルチカラムの階層データを表形式で可視化するために利用できます。既存のデータグリッドコンポーネントの上に構築されたツリーグリッドは、データグリッドの優れた機能をすべて継承し、使い慣れたAPIと編集、フィルタリング、ソート、サマリーなどのためのシームレスな開発環境を提供します

Web Components アコーディオン

Web Components アコーディオンは、コンポーネントのコレクションを構築するためのコンポーネントで、縦に積み重なったパネルとして構成され、クリック可能なヘッダーによってパネルの拡大や折りたたみが可能です。アコーディオンは、1つのページで複数のセクションのコンテンツをスクロールする必要性を減らすためによく使われます。キーボードによるナビゲーションと、パネルの拡張状態を制御するAPIを提供しています。

Web Components DataTime Input

Web Components の DateTime Input は、選択した入力要素に日付と時刻を設定・編集できます。編集可能なマスクされた入力欄を使って、日付と時刻の両方を編集できます。さらに、希望する表示や入力フォーマット、バリデーションを利用するための最小値や最大値を指定できます。

Web Components ダイアログ

Web Components ダイアログコンポーネントは、 アラート、メッセージ、質問、確認の決定などを表示したり、 ユーザーの入力を促すためのフォームを表示するために使用されます。ダイアログコンポーネントは、アプリケーションコンテンツの中央にダイアログウィンドウを開きます。ダイアログコンポーネントは、モーダルと非モーダルの2種類のモードで開きます。モーダルダイアログは、ダイアログの外側とダイアログのオーバーレイの背後にあるコンテンツとのインタラクションをブロックします。非モーダルダイアログは、ダイアログの外側とダイアログのオーバーレイの背後にあるコンテンツとの対話を許可し、ダイアログは自動的に閉じられます。

Web Components Select

Web Components Select コンポーネントは、ドロップダウンに配置されたアイテムのリストから 1 つを選択することができます。このコントロールは、単一または複数の文字のマッチに基づく選択を含むナビゲーションを提供します。Select コンポーネントでは、カスタムヘッダーとカスタムフッターを定義したり、選択項目をグループ化することができます。

Web Components タブ

Web Components タブコンポーネントは、コンテンツを個別のビュー(タブ)に整理し、一度に表示できるのは1つのビュー(タブ)になります。各タブにはラベルがあり、タブのヘッダーに表示されます。タブの変更は、タブのヘッダーをクリックすることで行います。タブのヘッダーの数が画面の幅を超えると、水平方向のスクロールボタンが表示され、他のタブのヘッダーが表示されるようにスクロールできます。

チャートの改善

前回の22.1では、チャートの大きなリリースがありました。 デフォルトの動作を大幅に改善し、カテゴリチャートAPIをより使いやすく改良しました。22.2 では、カテゴリチャートの機能をさらに飛躍させ、Infragisticsのチャートを最もパワフルで使いやすいチャートにするための素晴らしい新機能を提供しています。 新しいチャートの改良点は以下の通りです。

  • ブラウザ/画面サイズに応じた水平ラベル回転の自動レスポンシブレイアウト。
  • 自動クロスヘア、アニメーション、Y軸ラベル及びラベルのフォーマット機能。
  • 丸みを帯びたラベルのレンダリングを強化。
  • カテゴリ文字列と数値のグループ化、ソート、サマライズを行う新しいAPIにより、チャートデータの事前集計や計算が不要になりました。

データの可視化とデータ分析は、あらゆるアプリケーションの重要な機能です。Ignite UI for Web Components 22.2を使用すれば、アプリケーションで美しいインタラクティブなUI/UXを実現できます。

まとめ

もし、私たちが提供するコンポーネントに新しい機能を追加したい、重要な問題を修正したい、あるいは新しいコンポーネントを導入したいなどのアイデアがあれば、GitHub リポジトリに投稿して私たちに知らせてください また、Infragistics のコントロールを使って何かクールなものを作ったら、ぜひ私たちに教えてください。

技術サポート・無料オンライン相談会をご利用ください

インフラジスティックスのUI製品は多くの機能を備えているためドキュメントの情報量も多く、なかなかお探しの情報にたどり着けない場合もあります。そういった際はお気軽に技術サポートや、製品導入支援担当との無料オンライン相談会をご予約いただくことで検証時間を節約可能ですので、ぜひご活用ください。
技術サポートへの問い合わせ方法を確認する
無料オンライン相談会を予約する

Ignite UI for Wb Components ad 202211