狠狠撸

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最新機能

Recommended

More Related Content

What's hot (19)

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

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

Recently uploaded (6)

Infragistics Ultimate 2018 Vol.2最新機能