Ignite UI for Blazor ロードマップ (2020年8月更新) - インフラジスティックス・ジャパン株式会社Blog

f:id:mika-kura:20200326184205j:plain

（原文：Jason Beres／翻訳：インフラジスティックス・ジャパン）

Infragistics Ultimate製品の2020年のロードマップを取り上げた以前のブログ記事でもIgnite UI for Blazorの期待される機能、.NET 5サポート、提供予定日、主要イベントの日程などをお話しました。

このブログでは、これらのコントロールについて詳しく説明します。前回のブログでは、Ignite UI for Blazorを提供するときに、Blazor、React、Web Components、Xamarin / M.A.U.Iなど、提供するすべての主要な「変換」フレームワークが同期されると書きました。つまり、機能、API、サンプルなどは、これらのプラットフォーム間で同じになります。

クライアント（Webアセンブリ）とサーバー用Blazorに最適化されたUIコントロールとコンポーネントを備えた、非常に豊富なツールセットを提供する予定です。 Blazor向け製品であるIgnite UI for Blazorの重要な側面は、ReactおよびWeb Components製品と同じコードベースであるため、しばらく市場に出ている製品のベネフィットと豊富な機能セットが製品提供時に得られることです。私たちの目標は、独自の機能と比類なきパフォーマンスを備え、エンタープライズ向けに構築されたコントロールを提供し続けることです。

ブログ全体を読む時間がない方用に、リリースされる機能の一覧をリストアップしました。

Data Grid
Data Chart
Financial Chart
Treemap
Pie Chart
Gauges
Microsoft Excel Spreadsheet (2020年9月リリースに延期)
Microsoft Excel Library (プレビュー)
Geospatial Map
Combo Box
Date Picker
Data Entry Controls

詳細をご覧になりたい場合は、このまま続きをお読みください！私たちが提供する予定の主要なコントロールと、どのような機能セットを期待できるかを記しました。

Ignite UI for Blazor ロードマップ

2020年8月の提供時にIgnite UI for Blazorに含まれるものは次のとおりです。

Blazor Data Grid / Data Table

Ignite UI for Blazorデータテーブル/データグリッドは表形式のグリッドコンポーネントであり、コーディングや構成をほとんど行わずにデータをすばやくバインドして表示できます。 Blazorデータグリッドの機能には、フィルタリング、並べ替え、テンプレート、行の選択、行のグループ化、行の固定、移動可能な列などがあります。コアグリッドコンポーネントを設計したとき、ライブまたはストリーミングデータ用に最適化し、行または列の数で無制限のデータセットサイズを処理できるようにしました。私たちのお客様には金融サービス企業が多いのですが、そのようなお客様にとって負荷時間、スクロール時間、無制限の行、無制限の列、重い負荷の下でのスムーズなスクロール、といった属性は最も重要です。同時に、機能満載のエンタープライズ基幹業務アプリをご利用の皆さまにも必要な機能を提供しています。

これは、この夏に提供されるBlazorデータグリッド機能のリストです。

Blazor Grid Features

Virtualized Row / Columns
Load on Demand Data
Paging
Column Sorting (Single / Multi)
Column Resizing
Column Moving
Column Summaries
Column Pinning
Column Chooser
Column Hiding
Column Filtering UI (Excel Style Filtering)
Column Grouping (Groups w/ Sticky Headers / Outlook Grouping)
Cell Selection
Cell Activation
Cell Editing
Cell Range Selection
Row Selection (Single / Multi)
Row Pinning
Grid Toolbar (So you add custom buttons, like Export, Show / Hide, etc.)
Export to Excel (with formatting, same as you have in Windows Forms)

インタラクティブなUXのほとんどがカバーされる優れた機能の1つは、列オプションダイアログです。列ヘッダーの上にマウスを移動すると、すべての列ヘッダーにハンバーガーメニューが表示され（デフォルトで）、次のようなBlazorグリッドコントロールの列オプションダイアログが表示されます。

[列オプション]ダイアログから、顧客が期待するインタラクティブなUX機能をほぼ提供できます。これがどのように機能するかを理解するには、Web Component data gridの列オプションのサンプルをご覧ください。これは、Blazor製品に同梱されている機能とまったく同じです。

Blazorデータ入力コントロール

この夏に提供されるインラインセル編集機能の一部として、グリッドセル内で使用できる一連のBlazorデータ入力コントロールが表示されます。 Blazorグリッド編集機能および一般的なデータ入力フォーム用に、これらのデータ入力コントロールを含む予定です。

Checkbox
Combo Box / Drop Down
Currency Editor
Date Time Editor
Radio button
Text Editor

Blazor DockManager

完全なウィンドウ操作エクスペリエンスを提供し、複雑なレイアウトをより小さく管理しやすいペインに分割します。これは、Webの複雑なレイアウトコントロールに対して最も頻繁に要求されるものの1つであり、依存関係のないBlazor DockManagerレイアウトコンポーネントとしてはインフラジスティックス独自のものです。

以下は、グリッドとチャートでこの動作を確認するためにAngularグリッドとAngularチャートをドッキング可能なペインで使用したDockManagerになります。

Blazor Excel Library / Excel Functions

Ignite UI Blazor Excelライブラリを使用すると、ワークブック、ワークシート、セル、数式など、使い慣れたMicrosoft®Excel®スプレッドシートオブジェクトを使用してスプレッドシートデータを操作できます。 Blazor Excel Libraryを使用すると、Excelスプレッドシートでアプリケーションのデータを簡単に表現したり、Excelからアプリケーションにデータを転送したりできます。

Supported Versions of Microsoft Excel

以下は、ファイルの読み取り/書き込みと数式サポートでサポートされるExcelのバージョンのリストです。

Microsoft Excel 97
Microsoft Excel 2000
Microsoft Excel 2002
Microsoft Excel 2003
Microsoft Excel 2007
Microsoft Excel 2010
Microsoft Excel 2013
Microsoft Excel 2016

さらに素晴らしいことに、Infragistics UltimateのどのプラットフォームからもグラフをネイティブExcelグラフオブジェクトにエクスポートする機能を実装しました。Blazorで得られるこの機能をぜひ確認してください。チャートでの完全なエクスポートをサポートします！

Blazor Spreadsheet

Blazor Excelスプレッドシートコントロールを使用すると、Microsoft Excelとほぼ同じ機能を持つExcelブックをロード、編集、および保存できます。これがプレビュー版としてリリースされるか、9月に延期されるかについては、現時点では検討中です。スプレッドシートについて、これは是非！というご要望がある場合は、jasonb@infragistics.comまでお知らせください。

以下は、スプレッドシートコントロールの動作例です。

Blazor Chart

表現力豊かなダッシュボードを構築し、詳細な分析を適用して、リアルタイムのBlazorチャートで何百万ものデータポイントをレンダリングします。 Ignite UI for Blazorは、ビジネス、財務、および科学で最も求められているチャートを含み、フィンテックおよびビジネスのニーズを満たします。

これは、この夏 Ignite UI for Blazorに同梱されるチャートのリストです。

Blazor Chart Types

Area
Bar Chart
Column
Line
Point
Point Chart
Point Chart
Polar Area Chart
Polar Line Chart
Polar Scatter Chart
Polar Scatter Chart
Polar Spline Area Chart
Polar Spline Chart
Radial Area Chart
Radial Column Chart
Radial Line Chart
Range Area Chart
Range Column Chart
Scatter Area Chart
Scatter Bubble Chart
Scatter Bubble Chart
Scatter Contour Chart
Scatter Line Chart
Scatter Marker Chart
Scatter Marker Chart
Scatter Polygon Chart
Scatter Polyline Chart
Scatter Spline Chart
Spark Area
Spark Line
Spark Win Loss
Spline
Spline Area Chart
Spline Chart
SplineArea
Stacked 100 Area Chart
Stacked 100 Bar Chart
Stacked 100 Column Chart
Stacked 100 Line Chart
Stacked 100 Spline Area Chart
Stacked 100 Spline Chart
Stacked Area Chart
Stacked Bar Chart
Stacked Column Chart
Stacked Line Chart
Stacked Spline Area Chart
Stacked Spline Chart
Step Area Chart
Step Line Chart
StepArea
StepLine
Waterfall
Waterfall Chart

ご覧のとおり、考えられるあらゆるシナリオに対応するBlazorチャートがあります。 Blazorチャートは、軸、マーカー、シリーズ、凡例、および注釈レイヤーのモジュール設計です。このデータチャートを使用すると、これらの視覚要素の複数のインスタンスを同じチャートプロット領域に作成して、複合チャートビューを作成できます。

Blazor Chart Features

グラフは高速である必要があります。そしてそれらはすべてを包括する必要があります。棒グラフ、折れ線グラフ、縦棒グラフ、円グラフ、面グラフ、積み上げ系列など、あらゆる種類のBlazorグラフで、データをお好きな方法で視覚化できます。

以下は、グラフで利用できるインタラクティブ機能のほんの一部です。

Crosshairs
Annotations
Callouts
Final Values
Markers (10 types)
Tooltips
Series Highlighting
Legend
Time Series Chart (TimeXAxis)

Blazor Financial Chart

Blazor財務チャートでは、シンプルで直感的なAPIを使用して、財務データを簡単に視覚化できます。データをチャートにバインドすると、すべての財務チャートに必要な主要機能を提供するターンキー組み込み機能があります。

Date Filters
Trend Lines
Overlays
Financial Candlestick Chart
Financial OHLC Chart
Financial Area Indicators
Financial Column Indicators
Financial Line Indicators
Financial Overlays

主要な視覚化タイプはこちらです。

Bar
Candle
Column
Line

これがBlazor Financial Chartの動作です。

Blazor Treemap

ネストされたノードのセットとして、大量の階層（ツリー構造）データの強力なBlazorツリーマップ視覚化を追加します。 Blazorツリーマップは、階層（ツリー構造）データをネストされたノードのセットとして表示します。ツリーの各ブランチには、ツリーマップノードが与えられます。ツリーマップノードは、サブブランチを表す小さなノードでタイリングされます。ツリーマップは、大規模なデータセットの迅速な分析に最適で、非常にコンパクトな領域で非常に迅速にインサイトを提供できます。

以下は、ドリルダウンを示したBlazorツリーマップと、ツリーマップレイアウトをカスタマイズするために提供したさまざまなアルゴリズムの一部です。