Infragistics Ultimate 2018 Vol.2最新機能

1
Infragistics Ultimate
2018 Vol.2
最新機能

2
自己紹介
▪ 池原大然
▪ インフラジスティックス・ジャパン株式会社
▪ 製品担当
▪ dikehara@infragistics.com
▪ Twitter: @Neri78
▪ Blog: bit.ly/IGDaizen

3
アジェンダ
▪ Infragistics Ultimate概要
▪ 2018 Vol.2新機能
▪ プラットフォーム共通新機能
▪ Windows Forms/WPF新機能
▪ Ignite UI for Angular新機能
▪ Indigo.Design新機能
▪ 今後のロードマップ
▪ まとめとおしらせ

4
概要

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

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年
Productivity
Packs 提供開始
Angular 対応
製品販売開始

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

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

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

プラットフォーム
共通の新機能
Ignite UI
for
Angular
Ignite UI
for
JavaScript
WPF
Windows
Forms

12
チャート注釈機能の提供
▪ ファイナンシャルチャート/カテゴリーチャート/データチャート
▪ コールアウトレイヤー
▪ 十字線レイヤー
▪ 最終値レイヤー
▪ ツールチップレイヤー
▪ 表示日付のカスタマイズ
▪ 凡例プリセットの追加
▪ 強調表示レイヤー
Ignite UI
for
Angular
Ignite UI
for
JavaScript
WPF
Windows
Forms

13
Excelライブラリの機能追加
▪ スパークライン
▪ チャート
Ignite UI
for
Angular
Ignite UI
for
JavaScript
WPF
Windows
Forms

14
Excelスプレッドシートの強化
▪ カスタムソートダイアログ
▪ Top10フィルターダイアログ
▪ フィルターとソートの機能向上
▪ 選択の解除
Ignite UI
for
JavaScript
WPF
Windows
Forms

16
Windows Forms 2018 Vol.2新機能
▪ [共通] チャート注釈機能の提供
▪ WinCategoryChart, WinDataChart
▪ [共通] Excelライブラリの機能追加
▪ [共通] Excelスプレッドシートの強化
▪ WinSpreadsheet
▪ WinSpreadsheet - セルの書式ダイアログの追加

17
セルの書式ダイアログの追加
▪ 表示形式
▪ 配置
▪ フォント
▪ 罫線
▪ 塗りつぶし
▪ 保護

18
WPF 2018 Vol.2新機能
▪ xamFinancialChart, xamCategoryChart, xamDataChart
▪ [共通] Excelスプレッドシートの強化
▪ xamSpreadsheet
▪ CI NuGetフィードの提供開始

19
WPF CI NuGetフィード
▪ Continuous Integration (CI)
ビルドをプライベート NuGetで
提供開始
▪ 不具合修正の「確認」、
新機能の先行「試用」に最適
▪ 本番環境での使用はサポート対象外
▪ https://jp.infragistics.com/help/wpf/nuget-feeds

Infragistics Ultimate 2018 Vol.2最新機能

22
Ignite UI for Angular 2018 Vol.2 新機能
▪ igx-financial-chart, igx-category-chart
▪ コンポーネントの追加
▪ グリッドの機能強化

23
コンポーネントの追加
▪ 追加コンポーネント
▪ Tree Grid
▪ Combo Box
▪ Dropdown
▪ Expansion Panel
▪ Tooltip
▪ Chips
▪ Drag and Drop
▪ Text Highlighting

24
10以上のグリッド機能強化
▪ 追加機能
▪ Outlookスタイルグループ化
▪ 複数列ヘッダー
▪ 列フィルタリング
▪ セル編集
▪ 行編集
▪ 一括編集（一括更新）
▪ テキスト検索
▪ 条件付きセルスタイリング
▪ 表示密度の設定
▪ ツールバー

26
よくある話?
▪ デザイナー
▪ 「デザイナーの意図通りの画面が反映されない」
▪ エンジニア
▪ 「実現不可能なデザインが実装側に渡ってきてしまった」
▪ 「デザインを画面側に反映する工数がかかってしまう」
▪ PM、プロジェクト全体
▪ 「なんかうまくいかないよね？」

27
理想的な状態
▪ デザイナー
▪ 「意図通りのデザインが反映されたアプリが実装された！」
▪ エンジニア
▪ 「効率よく良いデザインを実装に落とし込めた！」
▪ PM、プロジェクト全体
▪ 「良いアプリをすばやく顧客に届けることができた！」

INDIGO.DESIGN
Indigo
Design System
プロトタイピング
&
ユーザビリティテスト
Angular
アプリケーション
コード生成

INDIGO.DESIGN
Indigo
Design System
&
Angular
コード生成
3ステップでデザインから
画面コードを生成する
アプリケーションデザイン
プラットフォーム

INDIGO.DESIGN
Indigo
Design System
&
Angular
コード生成
Indigo-Components Indigo-Patterns Indigo-Styling
Ignite UI for Angularと対になる
Sketch UIキットを
使ってデザイン
画面デザインをサポートする
UIパターンライブラリー
Sketch UIキットを
自社のブランディングに
合わせ拡張
1. Sketchでデザインを作成
Ignite UI for Angularを完全再現したIndigo.Design Sketch UIキット

INDIGO.DESIGN
Indigo
Design System
&
Angular
コード生成
2. cloud.indigo.designにデザインをアップロードし、プロトタイプを作成
クラウド上でプロトタイプを作成ユーザビリティテストの実施共同編集とコラボレーション
Sketchファイル、画像を
アップロードし
高速プロトタイピングを実現
参加人数無制限、リモート実施可能な
ユーザビリティテストを実施し
デザインを分析
共同編集機能や
コメント機能を活用した
コラボレーション

&
INDIGO.DESIGN
Indigo
Design System
Angular
コード生成
3. プロトタイプからAngularコードを生成
Angularアプリケーション
コードを生成
VS Codeプラグインから
プロトタイプの画面パーツを選択
html, scss, tsコードを自動生成
Ignite UI for Angularを活用
50種類以上のマテリアルデザインに準拠した
UIコンポーネントがコード生成で使用
個別に利用することも可能

34
Sketch Syncプラグイン
▪ デザインから直接コード生成

35
Sketch UIキットの拡充
▪ Linear gauge
▪ Bullet graph
▪ Radial Gauge
▪ Chips
▪ Combo
▪ Dropdown

36
共同編集&バージョニング
▪ プロトタイプのロック
▪ バージョニング

37
今後のロードマップ

38
春夏秋
19.1 19.2
スプレッドシート
• Sparkline
• Charts
• Comments
• Improve Scrolling
performance
• Autofill feature (pulldown
cell to increment)
• Printing
データグリッド
• Competitive
Performance
improvements (auto
expand groups, sort,
grouping, etc)
• Conditional
Formatting
• Enter Key behavior
• Auto Sort
チャート
• Scatter
Chart
• Enhance
Financial
Chart
• Enhanced
Timeline
Series
WPF ロードマップ

39
データグリッド
• Enhanced Features –
Column Group Collapse,
Auto-Complete Combo,
Pivot Mode, Pinned Rows
新コントロール
• Spreadsheet
• Hierarchical Grid
• Splitter / Docking
Control
• Month / Day / Week
View
チャート
• Enhance
Financial Chart
• Enhanced
Timeline Series
• Scatter Series
• Polar Series
Angular / JavaScript ロードマップ
春夏秋
19.1 19.2

40
React対応
コンポーネント
▪ 2018年12月リリース（予定）
▪ Webコンポーネントとして提供
▪ 初期リリースに含まれるコントロール
（予定）
▪ データグリッド
▪ データチャート
（60種類以上のチャート）
▪ Excel
(スプレッドシート、ライブラリ)
▪ 継続デリバリー (CD) として
短いスパンで機能を追加

42
18.2 新機能まとめと今後
▪ 共通コンポーネント機能拡張 - https://jp.infragistics.com/whats-new
▪ チャート注釈機能
▪ Excelライブラリ
▪ スプレッドシートコントロール
▪ Angularコンポーネントの大幅機能拡張
▪ Indigo.Designの機能拡張
▪ Reactコンポーネントの提供

43
12月末までのキャンペーン
https://jp.infragistics.com/priority-support-offer-2018

45
Q. VSTS等CIビルドにおけるライセンスの考え方
▪インフラジスティックスのコンポーネント
を利用する開発者がライセンスを保有する
必要がある

46
Q. Indigo Studioと、Indigo.Designの違いは？
▪ https://jp.infragistics.com/products/indigo-design/pricing
旧Indigo Studio

Infragistics Ultimate 2018 Vol.2最新機能

More Related Content

What's hot (19)

Similar to Infragistics Ultimate 2018 Vol.2最新機能 (20)

More from インフラジスティックス・ジャパン株式会社 (20)

Infragistics Ultimate 2018 Vol.2最新機能