Infragistics Ultimate Roadmap 2021 H1

Infragistics Ultimate Roadmap 2021 H1

Ultimate 21.1のリリースが間近に迫っているため、次の12か月間のプロジェクトを計画できるように、今年の残りの目標に関する最新情報を投稿したいと思います。

17min read

Ultimate 21.1のリリースが間近に迫っているので、次の12か月のプロジェクトを計画できるように、今年の残りの目標に関する最新情報を投稿したいと思います。

このブログの内訳は次のとおりです。

私たちの考え方は、お客様に提供するプラットフォーム上にコントロールとコンポーネントを構築するときと同じです。私たちは、より広範な製品カテゴリの観点からそれらについて考え、私たちが出荷するものでソフトウェアを構築するために使用するツールでそれらがどのように機能するかを考えています。

クライアントUIの開発では、非常に多くのイノベーションが起こっています。AngularやReactのような最新のWebフレームワークに加えて、プロジェクトの将来性を保証するための依存関係のない方法としてWeb Componentsを使用することを検討する必要があります。Microsoftは、Blazor、Win UI、およびFluent UIで起こっているすべての良いことで、開発者市場に大々的に関与しています。 Uno Frameworkのような代替手段があり、完全なクロスプラットフォームフレームワークを提供し、いくつかの点でXamarinよりも高度なものであり、ネイティブのモバイル、クロスプラットフォームのマルチアプリケーションユーザーインターフェイスを対象としたMicrosoftの将来のM.A.U.Iです。

この図は、この分類と投資領域をどのように見ているかを示しています。

2021年のAngularおよびBlazorロードマップの重点分野

Window Forms、WPF、.NET CoreなどのUltimateの主力フレームワークと、Blazor、Angular、React、Web Componentsの最新のWebフレームワークを攻撃しています。Indigo.Design年、アプリの設計と開発を根本的に加速できる新しいApp Builderにより、イノベーションは急速に進んでいます。

2021年の概要

このブログには多くの詳細があり、急いでいて、ハイレベルを見たい場合、このビジュアルは、Ultimateサブスクリプションで2021年に何を期待できるかを説明しています。

High level Angular and Blazor roadmap

私たちは、多くのフレームワークで多くのソフトウェアを出荷しています。Windows フォームと WPF のリリースをまだプッシュしていることに注意してください。少し遅くなりましたが、まだ更新と新機能が行われています。 ここでの投資について多くの質問を受けますが、次の理由から最新バージョンを常に更新することが重要です。

  • 新機能/更新された機能
  • Bug Fixes / Security Updates
  • 最新の .NET Framework で最新の状態を維持する
  • 最新の Visual Studio で最新の状態を維持する

Microsoftは、.NETのアップデートとVisual Studioのアップデートに積極的です。 ご存知のように、2020年の.NET Coreリリースでは、Visual Studioのデザイン時間全体が変更され、3rdパーティのコントロールがすべて壊れました。サブスクリプションが最新でない場合、これらの更新プログラムは入手できません。

リリースのタイムラインビューを次に示します。 ほとんどの場合、多くの製品で毎月リリースされており、バグ修正や小さな更新が行われていることに留意してください。NPM と NuGet の両方で最新のビルドに注目してください。

Angular, Blazor and React roadmap timeline

Note:

  • ​Webとしてマークされたリリースには、React、Web Components、BlazorのすべてのIgnite UIプラットフォームが含まれています。
  • Ultimate 製品リリースには、すべての Web プラットフォーム、WPF、Windows フォーム、Indigo.Designが含まれます。

Web Platform Strategy

ロードマップと機能がどのように関連しているかを理解するために、これらのプラットフォームが私たちのチームによってどのように設計および設計されているかを説明しましょう。

Web 製品を提供するための全体的な戦略は、目的のプラットフォームでベスト・オブ・ブリードを確保することです。Angularに基づいて構築している場合は、Angularフレームワークに最適なAngular製品を市場に投入しています。React、Web Components、Blazorと同じです。たとえば、コードの奥深くに埋め込まれた jQuery ヘルパーを使用して、Angularを使用していると思わせる汎用 JavaScript コントロールのファサードを提供するためのラッパーを作成しているわけではありません。マテリアル コンポーネントAngularビルドし、マテリアル UI と CLI についてはAngularチームと協力して作業します。私たちは最初から正しく行います。Blazorもう 1 つの素晴らしい話ですが、以下で説明するアプローチを採用する方法は、Microsoft のBlazorチームによって最適なアプローチとして吟味されています。私たちは、私たちのアプローチが最善であると考える理由をあなたに驚かせようとはしません - 私たちはフレームワークを構築した人々に尋ねただけで、彼らは親指を立てました!

Ignite UIの製品ごとのコードベース / API の内訳を理解するには、次の図をご覧ください。

API by Platform- Angular, React and Blazor

Web Components、React、Blazor製品はすべて C# から始まり、コードは TypeScript に変換されます。これにより、純粋で依存関係のないWebコンポーネントAPIが得られ、最終的にブラウザでHTML / JavaScriptとしてレンダリングされるものの基礎として使用します。

これにより、開発者の生産性とブラウザでのレンダリング/インタラクションのパフォーマンスの観点から、最適なBlazorエクスペリエンスが提供されます。それを証明するために...私たちのBlazor Gridのデモを見てみれば、他のみんなのように「ページング」サンプルはやっていません - 実際、グリッドにページングを組み込んでいないんです。 その必要はありません。 当社のグリッドのパフォーマンス、およびローカルおよびリモートのオンデマンドロードは、今日の市場で見つけることができるものをはるかに超えています。 ページが必要な場合は、1 つを含むサンプルがありますが、それを取得するには数行のコードを記述する必要があります。

jQuery は、ASP.NET Core製品とASP.NET MVC製品の基盤です。 それはまだ広く使用されており、私たちはこれらの製品が最新で最新であることを保証するためにまだ投資しています。

Ignite UI for AngularはAngularと材料の上に構築されています。API とAngularフレームワークの間には何もありません。エンタープライズチームでは、これまでで最大のAngular導入が見られ、Angularコンポーネントに多額の投資を続けています。

ただし、今後、すべての最新の Web プラットフォームに出荷される新しいコントロールは、依存関係のないWeb Components (Angular 9.1 で出荷された新しい DockManagerなど) として構築されます。これは非常に重要であり、控えめに言うことはできません - これにより、将来を見据えたUI制御ツールキットと、クライアントでのパフォーマンスが非常に最適化されます。 これは、新しいコントロールがネイティブAngular、React、Webコンポーネント、Blazorなどとして機能しないことを意味するのではなく、各製品がWeb標準の基盤に基づいており、将来のフレームワークの問題からあなたを隔離することを意味します。

2021 H2 In-Depth

このブログの残りの部分では、ロードマップを計画し、フィードバックをいただけるよう、出荷する内容についてもう少し詳しく説明します。私たちがお届けするすべてのものは、あなたが求めるものに基づいていますので、期待していたのに見当たらないものがあればお知らせください。

ウェブの未来はWeb Components

Blazorの公式リリースから、そしてそのReactとWeb Componentsの前に、過去12か月間に多くの価値を出荷してきました。 今後は、これらの製品で出荷される UI コントロールの数を拡大し始める戦略があります。再利用を促進し、フレームワークにサイロ化されるのを防ぎ、将来にわたって保証する戦略に固執して、現在のAngularコントロールとコンポーネントの大部分をネイティブWeb Componentsにリファクタリングし始めています。Web ComponentsはWeb標準であり、すべてのブラウザで動作し、3rdパーティフレームワークに依存しないため、依存関係がありません。Web Components正しく機能するにはブラウザが必要です。

この戦略により、現在Ignite UI for Angularされているすべての最新のWebプラットフォームで同じ数と種類のコントロールを利用できるようになり、今後はすべてのフレームワークですべてが同期されます。

各 Web コンポーネントには、すべてのフレームワークのバインディングが含まれ、大量で高パフォーマンスのシナリオに最適化されていることを確認します。

Web ComponentsからAngular

注意すべき重要な点:

  • Ignite UI for Angular Grid、Hierarchical Grid、Tree Gridはリファクタリングしていません。Data Gridは、プラットフォーム/フレームワークごとの機能にメリットをもたらす独自のコントロールです。
  • 私たちはすでに、最新のWeb SPA製品全体で大量のWeb Componentsを出荷しています。ドック マネージャー、Ignite UI for Angularに表示されるすべてのグラフ (カテゴリ、データ チャート、円チャート、ツリー マップ、さらに 60 種類のグラフ)、地理空間マップ、ファイナンシャル チャート、Excel スプレッドシート、Excel ライブラリがWeb Componentsされます。

お客様の生産性が私たちの優先事項です

「すべての道路はIndigo.Designを通る」と言おうとしていましたが、私たちの優先事項は皆さんの生産性であることを強調したいと思います。UI コントロールとコンポーネントは、アプリ構築のニーズの基盤です。 しかし、これまで以上に多くの機能とアプリケーションをより迅速に提供することが求められています。

すべてのフレームワークで同じUIコントロールを提供し、Indigo.Designの新しいApp Builderがどのプラットフォームでもコードを生成できるようにするという戦略により、私たちの目標は、これまでにない生産性を提供することです。App Builderの WYSIWYG デザイナーを使用すると、アプリのすべての画面と操作をすばやく作成し、ライブ データにバインドして組み込みテーマを適用したり、カスタム テーマを作成したりして、アプリのライブ プレビューを取得してAngularコードをダウンロードできます。

Angular, React and Blazor code generation

今日、私たちはApp BuilderでAngularアプリを作成しています。 今年Web Componentsへの移行が完了すると、App BuilderからReact、Web Components、Blazorのコード生成が可能になります。

App Builderとは何か、どのように役立つのかわからない場合は、製品ページをチェックして、この概要ビデオをご覧ください。 これは、組織でのアプリ配信を加速できるローコードツールです。

Indigo.Design Web App Builder IDE

Ignite UI for React / Blazor / Web Componentsアップデート

全体的な Web 戦略で学んだように、ReactとWeb Components製品は同じコードベースです。私たちは今年の残りの期間、そのテーマを継続します。グリッドを、市場に出回っているAngular Data Gridと同じ機能セットにする必要があります。

次のリリースは5月19日で、React、Web Components、Blazorで発送されます。

Data Grid Updates:

  • Excelスタイルの編集–入力時に編集を開始します
  • Excelスタイルナビゲーション(入力動作) - Enterキーの動作を制御します(なし、編集、上/下/左/右に移動)
  • Excelスタイルナビゲーション(編集後)–セルを編集するときに、Enterキーは下、上、右、左のセルに移動します
  • 行範囲の選択 (仮想データの追加の実装が必要になるため、ドキュメントに記載する必要があります)
  • Column Summaries in Column Options

Date Picker Updates:

  • 「今日」ボタンを追加
  • Label プロパティを追加
  • placeholder プロパティを追加
  • 日付文字列の入力(有効/無効)
  • サポートする日付形式
  • 週の最初の曜日
  • 年の最初の週
  • 週番号
  • 日付制限
  • アクセシビリティ

Geospatial Map Updates:

  • マップのラップアラウンド表示のサポート(水平方向に無限にスクロール)
  • 一部のマップ シリーズで、座標原点を回り込みながら表示をシフトする機能がサポートされています。
  • 図形シリーズの強調表示のサポート。
  • 形状シリーズの一部のアノテーションレイヤーのサポート

Chart Updates:

  • Orientation on ItemLegend
  • LegendHighlightingMode for Hover / Click
  • PlotAreaMargin<Top, Bottom, Left, Right>
  • 個々の系列ではなく、グラフのレベルで強調表示を構成するためのサポートが追加されました。
  • TimeXAxisおよびOrdinalTimeXAxisの圧縮X軸ラベリング
  • 垂直方向のズームをシリーズのコンテンツに自動的に同期します。
  • Annotation Layers のサポートを Stacked、Scatter、Polar、Radial および Shape シリーズに追加しました。
  • スタック、スキャッター、ポーラー、ラジアル、シェイプシリーズへのハイライトのサポートが追加されました。
  • すべてのシリーズタイプにHighlightingModeを追加しました。
  • Added SeriesHighlightingBehavior
  • スタックされたシリーズ内の個々のスタックフラグメントのデータソースを上書きするためのサポートが追加されました。
  • チャートの水平余白を、表示される初期ラベルに基づいて自動的に拡張するサポートが追加されました。
  • スタック、スキャッター、レンジ、ポーラー、ラジアル、シェイプの各シリーズにカスタムスタイルイベントのサポートが追加されました。
  • マーカーを含むすべてのシリーズには、MarkerFillOpacity というプロパティがあります
  • マーカーを含むすべてのシリーズには、MarkerOutlineMode というプロパティがあります

Chart Defaults:

  • すべてのタイプのグラフ/シリーズに、ブラシ/塗りつぶしとアウトラインの新しい色があります
  • すべてのタイプのチャート/シリーズには、2pxの太さのマーカーアウトラインがあります
  • マーカー付きのすべてのタイプのグラフ/シリーズには、白い塗りつぶしではなく色付きのマーカー塗りつぶしがあります
  • バー/カラム/ウォーターフォールシリーズには、1pxの太さのアウトラインがあります(他のシリーズの太さは2pxです)
  • バー/コラム/ウォーターフォールシリーズは、丸みを帯びた角ではなく正方形の角になりました
  • ポイント/バブル/スキャッターシリーズ/ポーラスキャッターシリーズには、70%の透明な塗りつぶしのマーカーがあります
  • ポイント/バブル/スキャッターシリーズ/ポーラスキャッターシリーズには、マーカーの塗りつぶしに一致する実線のアウトラインのマーカーがあります
  • その他のシリーズ(LineSeries/ScatterLineSeriesなど)には、白いアウトラインのマーカーがあります
  • スキャッター高密度シリーズには、最小/最大熱特性の新しい色があります
  • 金融/ウォーターフォール シリーズには、ビジュアルのネガティブ フィルに新しい色があります

第 3 四半期と第 4 四半期に進むと、ツールボックスに新しいコントロールが増え始めます。Angular製品に注目している方なら、ここ数年、私たちが多額の投資を行ってきたことをご存知でしょう。 この製品は素晴らしく、必要なすべての制御に加えて、テーマ設定、ARIA / A11yアクセシビリティ、RWDサポート、PWAサポート、Angular回路図、データ分析、CLIなどの主要な機能を備えています。 これは、単純なWebアプリからビジネスクリティカルなアプリまで、何かを構築している今日のAngularにとって唯一の選択肢です。これは、リファクタリング作業で再利用できる作業がたくさんあることを意味します。

以下は、Web Componentsへのリファクタリングの一部となるコントロールの一覧です (Angularサンプル ブラウザーで動作中のコントロールを確認できます) –https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid。

AngularからWeb Components

これらをWeb Componentsとしてリファクタリングすると、React、Blazor、およびIndigo.Design App Builderで取得できます。

React Grid、Web Component Grid、Blazor Gridの機能については、Q3 / Q4に移行し、以下を追加します。

  • レイアウトの永続性
  • 複数列ヘッダー
  • 折りたたみ可能な列グループ
  • インタラクティブなグループ化
  • …その他

うまくいけば、これらすべてのアップデートと新しいコントロールとコンポーネントで、React、Web Components、Blazorが大きく前進していることがわかります。

Ignite UI for Angular Updates

Angularはまだ大きな開発中です。過去 4 年間、毎年複数のメジャー アップデートを、毎月の継続的な配信頻度で一貫して出荷してきました。

短期的には4月/ 5月は、ここではハイレベルなリストです、あなたはroadmap.md と​changelog.mdでGitHubで詳細を見ることができます。

  • Angular 12 updates
  • React / Web Components / Blazorにリストされているすべてのチャートの更新
  • React / Web Components / Blazorにリストされているすべてのマップの更新
  • 新しいツリーコンポーネント
  • テーマ: 昇格をカスタム CSS props として公開します
  • テーマ: カスタム CSS プロパティのスコープをコンポーネントセレクターに指定
  • 列のテンプレート コンテキストで追加のデータ/状態を渡すための列入力を公開します
  • Angularグリッド 階層データをExcelにエクスポート
  • Angular datetime と time のグリッド列タイプ

Q3 / Q4への道を進む:

  • Angular 13 updates
  • グリッド、ツリー、階層グリッドのPDFエクスポート
  • Graph / Network Node component
  • Accordion component
  • Scheduler component
  • グリッドセルのマージ
  • コンポーネントのグローバルパレット値

この製品は開発プロセスで100%オープンであるため、Githubでリクエストや問題の状況を追跡できます。

ASP.NET / jQuery Updates

Microsoft ASP.NET MVCおよび ASP.NET .NET Core / .NET 6 リリースでは、これらのフレームワークで最新の製品を引き続きご利用いただけます。Web 製品の構築方法についてブログで説明したように、Ignite UI for jQueryはASP.NET MVC製品とASP.NET Core製品を駆動する基本的な制御セットです。2011年に初めてIgnite UI for jQueryを出荷しました...これはコントロールの完全なセットであるため、最新のASP.NET MVC / ASP.NET Coreアプリの場合、コンポーネントセットは膨大です。データグリッド、ツリーグリッド、OLAPピボットグリッド、スプレッドシート、チャートなど、すべてがその製品に含まれています。

この一連の製品のロードマップはまだアクティブであり、最新のWebに対するWeb Components戦略に沿っています。

  • React / Web Components / Blazorにリストされているすべてのチャートの更新
  • React / Web Components / Blazorにリストされているすべてのマップの更新
  • Ignite UI for Web Componentsに付属するすべての Web コンポーネント コントロールは、jQuery にも付属しています (重複しないコントロール、たとえばドック マネージャー jQuery に付属しています)。

同時に、バグの修正を積極的に行い、このプラットフォーム セットが最新の状態であることを確認しています。 ブログやWebコンポーネント機能についての言及がある場合、製品にまだ含まれていない場合は、jQuery製品に同梱されます。 また、たとえば、将来他の Web コンポーネント コントロールを使用する場合は、サブスクリプションがIgnite UIバンドル用であることを確認してください。これにより、最終的に何を出荷するかに関係なく、最新の Web コントロールをすべて利用できます。

.NET Core / .NET 6 Updates

Microsoft は .NET で革新を続けており、Microsoft は .NET と共にいます。.NET Core 3.0 と .NET Core 3.1 の両方をサポートし、Microsoft の .NET 5 のサポートを出荷しましたが、現在は .NET 6 への同じ道のりを歩んでいます。

何を期待するか:

  • Updated desktop builds for .NET 6.
  • Microsoft がBlazor、Xamarin / M.A.U.I で出荷しているすべての改善は、製品の .NET ビルドの一部になります。
  • WPF のデザイン時サポート、Microsoft が .NET 6 を使用して Visual Studio に加えるすべての変更に対応する Windows フォーム。
  • Win UI プレビューを更新し、グリッドとグラフを完全にサポートしました
  • 現在のWin UI プレビューに含まれていない新しい Win UI コントロール。

Microsoft のクロスプラットフォーム開発戦略に沿った追跡とともに、Microsoft Uno Platformは . Ultimate UI for Unoのプレビュー版は 2020 年第 4 四半期にリリースされました。 Unoを使用すると、C#とXAMLを使用したWindows、WebAssembly、iOS、macOS、Android、Linux用のアプリケーションなど、単一のコードベースでピクセルパーフェクトなマルチプラットフォームアプリケーションを作成できます。

Windows Forms / WPF Updates

Windows フォームと WPF は、依然として世界で最も人気のあるアプリ構築プラットフォームです。 私たちは両方のプラットフォームへの投資を続けていますので、今後数年間はアップデートが期待できます。 これらのプラットフォームを使用している人の多くは、メンテナンスを行い、新しい機能やアプリを構築しているだけでなく、Win UI、Xamarin、さらにはAngularなどの新しいプラットフォームを試しています。 現在のプラットフォームにとどまっている場合でも、新しいプラットフォームを試している場合でも、私たちはあなたをサポートするためにここにいます。

今年は、以下のものをお届けします。

  • Updated desktop builds for .NET 6.
  • Visual Studio での Windows フォームと WPF のデザイン時のサポートが強化されました。
  • HD/高DPIサポートの改善。
  • React / Web Components / Blazorにリストされているすべてのチャートの更新。
  • React / Web Components / Blazorにリストされているすべてのマップの更新。

Indigo.Design / App Builder

今日のアプリ開発における最大の課題は、デザインからコードまでアプリ作成を効率化することです。小規模から大規模まで、数え切れないほどのチームで、アプリ作成に対するサイロ化されたアプローチがイノベーションを遅らせています。ハンドオフを排除し、コストのかかる反復作業を減らし、真の設計開発コラボレーションを可能にする必要性は、私たちが求めている聖杯です。そのため、App Builderを発送しました。

このタイムラインで、私たちが計画していることの概要を知ることができます。

Web App Builder Roadmap

あなたがApp Builderに慣れていない場合は、YouTubeのプレイリストをチェックしてください、それは永遠にあなたがウェブアプリを構築する方法を変えるでしょう!

まとめ

2021 will bring a ton of platforms, new features, new controls, new components, more bug fixes, and lots of excitement. Keep in mind this is a roadmap, with pretty aggressive dates.  Things may be delayed, slip, ship as a beta, etc. as with any best laid plans, things can change. Please keep me posted at jasonb@infragistics.com on what you need, and how we can help bring your next amazing experiences to life!

製品アップデート
デモを予約