2019年5月15日に開催しましたオンラインセミナー「Infragistics Ultimate 2019 Vol.1最新機能」のセッション資料です。 セッション動画についてはこちらをご覧ください。 https://youtu.be/XmrDW7lKbJQ

1. 1
Infragistics Ultimate
2019 Vol.1
最新機能

2. 2
自己紹介
▪ 池原 大然
▪ インフラジスティックス・ジャパン株式会社
▪ プロダクトマーケティングマネージャー
▪ dikehara@infragistics.com
▪ Twitter: @Neri78
▪ Blog: https://blogs.jp.Infragistics.com

3. 3
アジェンダ
Infragistics Ultimate概要
2019 Vol.1新機能
まとめ
おしらせ

4. 4
Infragistics Ultimate
概要

5. 5
アプリケーションの
デザインと開発を加速させる
UI/UXツール

6. 6
UIに関わる事業を約30年
全ての開発を行うお客様が、より良いユーザー エクスペリエンスを実現するための
ツール、ソリューションを市場のニーズ併せて提供
全世界で200万人以上の開発者の支持を獲得
1989年
創立、米国
本社オフィス
開設
2000年
Windows
Forms &
ASP.NET
対応製品
販売開始
2006 年
東京オフィス
開設
WPF 対応製品
販売開始
2008年
UX サービス
部門設立
2010年
HTML5/
Javascript
対応製品
販売開始
2012年
iOS 対応製品
販売開始
Indigo Studio
販売開始
2014年
Xamarin &
Android 対応
製品
販売開始
2018年
Indigo.Design
製品販売開始
2016年
ReportPlus
Embedded
提供開始
2017年
Angular
対応
製品収録開始

7. 7
Infragistics Ultimate
デザイン&開発デスクトップWeb モバイル
Productivity Tools (生産性向上ツール)
Ignite UI
for
Angular
Ignite UI
for
JavaScript
ASP.NET WPF
Windows
Forms
Xamarin iOS Android
Indigo.Design
Enterprise
開発ツール製品の構成
ICONS

8. 8
1. UIコントロール
2. プロダクティビティ
ツール
3. エンタープライズ
サポート
コントロール、ツール、サポートで開発を支援
1. 高機能なUIコントロールで開発工数を削減
▪ グリッド、チャート、スケジュール
2. 生産性向上ツールでUIコントロールの
効率的な利用を促進
▪ 学習コスト、作業コストの低減
3. グローバル、ローカルにおける
エンタープライズに対応したサポートとサービス
▪ 電話によるプライオリティサポート
▪ テクニカルコンサルティングチームによる
トレーニング、コンサルティング、特別サポート

9. 9
クロスプラットフォーム戦略を推進
▪ コード共有・コード翻訳により、プラットフォーム間で
共通の機能をもつコントロールを提供
▪ チャート
▪ スケジュール
▪ スプレッドシート
▪ ゲージ
▪ Excel ライブラリー
Core
API
Xamarin.
Forms
WPF
HTML5
JavaScript
Angular
Windows
Forms

10. 新機能

11. 11
2019 Vol.1 の主な新機能
React対応コンポーネント「Ignite UI for React」の収録を開始
Visual Studio 2019および .NET Core 3のサポートを開始
Angular対応コンポーネントの機能拡張
Microsoft Excelエクスペリエンスの更なる向上

12. React対応コンポーネント
「Ignite UI for React」

13. 13
Ignite UI for React
▪ React対応コントロール
共通コントロールがメイン
▪ Data Grid
▪ Data Chart
▪ Category Chart
▪ Pie Chart
▪ Doughnut Chart
▪ Excel Library
▪ Map
▪ Bullet Graph
▪ Linear Gauge
▪ Radial Gauge

14. 14
軽量、高速Reactデータグリッド
▪ IgrLiveGrid
▪ 行列方向のUI仮想化
▪ リモートデータ
▪ テキスト、数値、日付時間
画像、テンプレート列
▪ フィルタリング
▪ ソート
▪ 列のグループ化
▪ 行固定
▪ 選択
▪ セルのアクティブ化
https://jp.infragistics.com/products/ignite-ui-
react/react/components/grid_table.html

15. 15
金融向け + ビジネス向けチャート
▪ 他のプラットフォーム向けに提供している
チャートをReactでも提供
▪ 60種類以上のチャート
https://jp.infragistics.com/products/ignite-ui-react/react/components/categorychart.html

16. 16
さまざまなReact対応コントロール
▪ 共通コントロールを主に収録しているため、
他のプラットフォームで利用したIGコントロールの経験・知識を応用可能

17. Demo
StackBlitzで簡単Reactことはじめ
StackBlitz - https://stackblitz.com/
紹介Blog - https://blogs.jp.infragistics.com/entry/2019/01/30/115017

18. Visual Studio 2019
および
.NET Core 3サポート

19. 19
VS2019および、.NET Core 3のサポートを開始
3
WPF
Windows
Forms
jQuery
ASP.NET
MVC
ASP.NET
Web Forms
WPF

20. 20
.NET Core 3サポートの詳細
▪ 現在 .NET Core 3 preview5 - 2019年9月に正式リリース予定
▪ 現時点では “Go Live” ではない
▪ Ultimate UI for WPF は、2019 Vol.1でサポート開始
▪ オンラインで取得できるNuGetパッケージの利用が必須（要:製品ライセンス）
製品ドキュメント:
https://jp.infragistics.com/help/wpf/nuget-feeds.html
https://jp.infragistics.com/help/wpf/nuget-packages.html

21. Demo
.NET Core 3でWPFコントロールを利用

22. Angularコンポーネント
の
機能拡張

23. 23
Angularコントロール: CD(継続デリバリー）
▪ Ignite UI for Angular 2019 Vol.1というものは存在しない
▪ 他のプロダクトに比べてリリース頻度が高い
▪ ほぼ毎週のリリース (https://www.npmjs.com/package/igniteui-angular)
▪ Angular製品独自のバージョニング – Angular.Major.Minor
• 例: 7.2.1 – Angular 7に対応するバージョンの2回目のメジャーアップデートの1回目の修正
• 小さな機能をこまめにリリース: 基本はメジャーアップデートだが、マイナーアップデートでも
必要に応じて新機能を提供
• https://blogs.jp.infragistics.com/archive/category/Ignite%20UI%20for%20Angular

24. 24
2018年11月から追加された主な機能
▪ 環境面での機能強化
▪ Angular 7への対応
▪ Angular CLIにおける ng add コマンドの対応
▪ 追加された部品
▪ IgxAutocompleteModule
▪ IgxBannerComponent
▪ IgxDataChart
▪ IgxDivider
▪ IgxMonthPicker
▪ IgxHierarchicalGrid
▪ IgxSelect
▪ IgxSpreadSheet
▪ グリッドの機能追加
▪ ローカライズサポート
▪ 列非表示
▪ グループ列
▪ Excelスタイルフィルタリング
▪ フィルターセルのテンプレート機能
▪ 複数セル選択機能
▪ パフォーマンスの向上
▪ キーボードナビゲーション機能の強化
▪ 複数行レイアウト機能（多段明細）
▪ 行ドラッグ機能
▪ ドロップダウン
▪ リスト項目の仮想化
▪ ツリーグリッドの機能追加
▪ バッチ編集（一括更新）
▪ CSV/Excelエクスポート
▪ 集計機能
▪ 展開・縮小機能の強化
▪ コンボボックス
▪ 入力エリアテンプレート機能
▪ クリア、ドロップダウンアイコン
テンプレート機能
▪ テーマ
▪ ダークテーマの追加
▪ コンポーネントの丸み

25. Demoオンラインサンプル + 多段明細の実装
https://jp.infragistics.com/products/ignite-ui-
angular/angular/components/general/getting_started.html
https://stackblitz.com/edit/igxgridmultirow

26. Microsoft Excel
エクスペリエンスの
更なる向上

27. 27
Excelライブラリを全てのプラットフォームで！
▪ ExcelライブラリをReactにも追加し、対応プラットフォームが拡大
デスクトップWeb モバイル
Angular
jQuery
ASP.NET
MVC
ASP.NET
Web Forms
WPF
Windows
Forms
XamarinReact

28. 28
スプレッドシートコントロール
▪ WPF、Windows Forms、jQueryに加え、Angularにも
スプレッドシートコントロールが追加
▪ Excelチャートオブジェクトをサポート
(WPF/Windows Forms)
デスクトップWeb
Angular
jQuery
ASP.NET
MVC
WPF
Windows
Forms

29. Demo
WPFスプレッドシートコントロールで
チャートを表示

30. 30
まとめ

31. 31
Infragistics Ultimate
デザイン&開発デスクトップWeb モバイル
Productivity Tools (生産性向上ツール)
Angular
jQuery
ASP.NET
MVC
ASP.NET
Web Forms
WPF
Windows
Forms
Xamarin iOS
Android
Indigo.Design Enterprise
• Sketch UI Kit
• Indigo.Design Cloud
• Code Generator
• Indigo.Design Desktop
React
開発ツール製品の構成 – 2019 Vol.1
ICONS

32. 32
2019 Vol.1 の主な新機能
React対応コンポーネント「Ignite UI for React」の収録を開始
Visual Studio 2019および .NET Core 3のサポートを開始
Angular対応コンポーネントの機能拡張
Microsoft Excelエクスペリエンスの更なる向上
新機能を順次紹介 - https://jp.infragistics.com/whats-new

33. 33
おしらせ

34. 34
5/29-30 de:code 2019出展!
▪ https://www.microsoft.com/ja-
jp/events/decode/2019/default.aspx
▪ ブースでUIコントロールガイドを配布予定
▪ UIコントロールの考え方
▪ 有償コントロールの意義
▪ UIコントロールカタログ
ぜひ、ブースにお立ち寄りください！

35. 35
Q & A?