Ignite UI 2012 最新情報jQuery UI 編Daizen Ikehara : Marketing & Developer Evangelistdikehara@infragistics.comTwitter @Neri78
自己紹介池原 大然(いけはら だいぜん)インフラジスティックス・ジャパン株式会社マーケティング & デベロッパー エバンジェリストMicrosoft MVP for Development PlatformsClient App Dev 201...
NETADVANTAGE
Cross Platform Modern User Experience
XAML styles to match published Microsoft themes.
ライセンス形態    1開発者様につき1ライセンス                     複数のPCに                     インストールして利用可能    配布ライセンス、サーバーライセンス等は一切不要!   不    不...
サポート サービス   E-mail / 電話による技術サポート                Email   電話サポート                  1次回答までの    サービス               サポート     (9a...
開発の加速•   開発/テスト双方における工数の削減•   パフォーマンスの高さ(特にグリッド/チャート)•   手軽に一貫した優れたスタイルによる外観の高い品質を得ることが可能•   日本法人によるダイレクトサポート•   サブスクリプション...
UIコントロールの有効活用                            単体        結合    システム要件定義   基本設計   詳細設計   開発                            テスト       ...
Ignite UI 2012 概要Ignite UI 2012 最新機能 jQuery UI 編まとめ
Ignite UI 2012      概要
Build Richer AppsReach More Clients
Ignite UIJavaScript & HTML5 UI フレームワーク   プラットフォーム非依存 jQuery UI, jQuery Mobile   ベース UI ウィジット   HTML5 / CSS3 準拠   開発生産性の向上 ...
igGrid• 軽量化・仮想化  された  高パフォーマンス  グリッド• 階層表示機能• フィルタリング• グループ化• 集計LOB (業務用)アプリケーションに対応
igChart• パフォーマンス  HTML5  チャート• 多様な  チャートタイプ• モーション  フレームワーク  による動的変更
実装オプション2 通りの UI 記述方法       プラットフォーム非依存       JavaScript (jQuery)       Visual Studio 2010/2012       ASP.NET MVC RazorjQue...
Infragistics Loader• 必要リソースを自動的に読み込む仕組みを提供  – リソース管理の手間を省くことができる。
Ignite UI 2012   最新機能 jQuery UI 編
igHtmlEditor• HTML エディター  コントロール• WYSISYG モード  ソース表示モード• IFRAME 要素• 太字、フォントサイ  ズなどの編集に必要  な機能を実装• カスタムツールバー  を追加し、独自機能  の追...
igDialog              <div id="dialog">• ダイアログ         igDialog Content  コントロール      </div>• jQuery UI  ダイアログの  機能を実装• 独自機...
igMap• 正式コントロー  ルとして  サポート• パフォーマンス  HTML5  マップ• ズーム & パン• 地理情報  サービスとの  連携
新コントロールhttp://bit.ly/IgniteUIOnlineSample
Control Tuner (Beta)• http://labs.infragistics.com/jquery/configure/• プロパティウィンドウを設定しコントロールの  デザインが可能• 生成されたコードをコピー & ペースト
Control Tuner を用いた UI 構築
igDataChart 拡張• 財務指標シリーズの追加
igCombo 拡張• 親子関係のあるデータを利用したカスケード表示
igTree 拡張• ノード追加・削除機能• ドラッグ & ドロップ機能
igGrid / igHierarchicalGrid 拡張• DataTable / DataSet サポート  (ASP.NET MVC のみ、  機能制限あり)• REST サポート• 非バインド列サポート• 複数列ヘッダー表示機能• 行...
igGrid 機能拡張http://samples.jp.infragistics.com/jquery/grid
まとめ
まとめ  新コントロール/サービス  • RTM版リリース     • igHtmlEditor     • igDialog     • igCombo  • Control Tuner  機能拡張  •   igDataChart  •  ...
リソース    HTML5            HTML5 チート シート             http://bit.ly/HTML5-Cheat-Sheet            ブラウザー 対応状況 (~ IE9)       ...
Ignite UI グリッド、無償提供中!    http://bit.ly/IgniteUIGrid
Ignite ui 2012 最新情報 jQuery UI 編
Ignite ui 2012 最新情報 jQuery UI 編
Upcoming SlideShare
Loading in …5
×

Ignite ui 2012 最新情報 jQuery UI 編

1,242 views

Published on

2013 年 01 月 18 日の Ignite UI 2012 最新情報 jQuery UI 編 Webinar にて使用したスライドです。
http://jp.infragistics.com/resources/webinars.aspx

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,242
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ignite ui 2012 最新情報 jQuery UI 編

  1. 1. Ignite UI 2012 最新情報jQuery UI 編Daizen Ikehara : Marketing & Developer Evangelistdikehara@infragistics.comTwitter @Neri78
  2. 2. 自己紹介池原 大然(いけはら だいぜん)インフラジスティックス・ジャパン株式会社マーケティング & デベロッパー エバンジェリストMicrosoft MVP for Development PlatformsClient App Dev 2010/04 – 2013/03 Blog
  3. 3. NETADVANTAGE
  4. 4. Cross Platform Modern User Experience
  5. 5. XAML styles to match published Microsoft themes.
  6. 6. ライセンス形態 1開発者様につき1ライセンス 複数のPCに インストールして利用可能 配布ライセンス、サーバーライセンス等は一切不要! 不 不 要 要6
  7. 7. サポート サービス E-mail / 電話による技術サポート Email 電話サポート 1次回答までの サービス サポート (9am-6pm) サポート回数 時間 リリース取得 NO 通常サポート - LIMITPriorityサポート NO 2 LIMIT DAYS NO トライアル版 LIMIT - (20 DAYS)
  8. 8. 開発の加速• 開発/テスト双方における工数の削減• パフォーマンスの高さ(特にグリッド/チャート)• 手軽に一貫した優れたスタイルによる外観の高い品質を得ることが可能• 日本法人によるダイレクトサポート• サブスクリプション/アップグレードにおける継続的な価値向上• ソースコードの開示(100万行以上の洗練されたコード!)• どの製品でも一貫したアーキテクチャと同じアプローチをとっていることによる 学習コストの削減 SIer • プロジェクトにおける工数の削減 • 提案/設計時のラピッドプロトタイピングにも利用 ISV • 自社製品の継続的アップグレードに伴う価値向上 • 弊社製品による他のプラットフォームへの迅速な対応 In-house IT • セルフ開発スキーム確立における標準パーツとしての利用 • 「作らない」ための弊社製品の利用 ユーザーインターフェイス開発において、いかに生産性を高め、 優れたUXを実現するための支援が出来るかを追求
  9. 9. UIコントロールの有効活用 単体 結合 システム要件定義 基本設計 詳細設計 開発 テスト テスト テスト 従来、導入が検討されたのは開発一歩手前、あるいは 開発に着手してからであり、要件が完全に固まった状態 であった。そのため、やむを得ずコントロールのカスタマイズ をされるケースも多く、あまり効率の良い状態ではない。 単体 結合 システム要件定義 基本設計 詳細設計 開発 テスト テスト テスト 有効活用されているお客様では、共通して「設計段階 においてUIコンポーネントで要件が満たせるかどうかにつ いて評価」を行い、開発の難易度を決定されている。結 果として見積もりが正確になり、手戻りが少なくなる。
  10. 10. Ignite UI 2012 概要Ignite UI 2012 最新機能 jQuery UI 編まとめ
  11. 11. Ignite UI 2012 概要
  12. 12. Build Richer AppsReach More Clients
  13. 13. Ignite UIJavaScript & HTML5 UI フレームワーク プラットフォーム非依存 jQuery UI, jQuery Mobile ベース UI ウィジット HTML5 / CSS3 準拠 開発生産性の向上 スタイリング サポート
  14. 14. igGrid• 軽量化・仮想化 された 高パフォーマンス グリッド• 階層表示機能• フィルタリング• グループ化• 集計LOB (業務用)アプリケーションに対応
  15. 15. igChart• パフォーマンス HTML5 チャート• 多様な チャートタイプ• モーション フレームワーク による動的変更
  16. 16. 実装オプション2 通りの UI 記述方法 プラットフォーム非依存 JavaScript (jQuery) Visual Studio 2010/2012 ASP.NET MVC RazorjQuery グリッド : igGrid 入門編http://bit.ly/igGrid101jQuery / HTML5 チャート : igChart 入門編http://bit.ly/igChart101
  17. 17. Infragistics Loader• 必要リソースを自動的に読み込む仕組みを提供 – リソース管理の手間を省くことができる。
  18. 18. Ignite UI 2012 最新機能 jQuery UI 編
  19. 19. igHtmlEditor• HTML エディター コントロール• WYSISYG モード ソース表示モード• IFRAME 要素• 太字、フォントサイ ズなどの編集に必要 な機能を実装• カスタムツールバー を追加し、独自機能 の追加が可能
  20. 20. igDialog <div id="dialog">• ダイアログ igDialog Content コントロール </div>• jQuery UI ダイアログの 機能を実装• 独自機能を実装 • 親にピン止め • ヘッダー ダブルクリック 時のアクション
  21. 21. igMap• 正式コントロー ルとして サポート• パフォーマンス HTML5 マップ• ズーム & パン• 地理情報 サービスとの 連携
  22. 22. 新コントロールhttp://bit.ly/IgniteUIOnlineSample
  23. 23. Control Tuner (Beta)• http://labs.infragistics.com/jquery/configure/• プロパティウィンドウを設定しコントロールの デザインが可能• 生成されたコードをコピー & ペースト
  24. 24. Control Tuner を用いた UI 構築
  25. 25. igDataChart 拡張• 財務指標シリーズの追加
  26. 26. igCombo 拡張• 親子関係のあるデータを利用したカスケード表示
  27. 27. igTree 拡張• ノード追加・削除機能• ドラッグ & ドロップ機能
  28. 28. igGrid / igHierarchicalGrid 拡張• DataTable / DataSet サポート (ASP.NET MVC のみ、 機能制限あり)• REST サポート• 非バインド列サポート• 複数列ヘッダー表示機能• 行編集テンプレート• 日付データでのグループ化• 列移動機能 (CTP)• Knockout.js サポート (CTP)• エクセルライクなセル移動
  29. 29. igGrid 機能拡張http://samples.jp.infragistics.com/jquery/grid
  30. 30. まとめ
  31. 31. まとめ 新コントロール/サービス • RTM版リリース • igHtmlEditor • igDialog • igCombo • Control Tuner 機能拡張 • igDataChart • igCombo • igTree • igGrid / igHierarchicalGrid
  32. 32. リソース  HTML5  HTML5 チート シート http://bit.ly/HTML5-Cheat-Sheet  ブラウザー 対応状況 (~ IE9) http://www.findmebyip.com/litmus/  jQuery  jQuery http://jquery.com/  jQuery UI http://jqueryui.com/  Visual Studio 2012 の jQuery インテリセンスと コード スニペット (MS 井上 章さんの Blog) http://bit.ly/jQSnipetChack  Ignite UI  Blog http://bit.ly/IGDaizen  Control Configuration http://labs.infragistics.com/jquery/configure  オンライン ヘルプ/API http://bit.ly/Ignite2012Help  関連 Webinar http://bit.ly/IGJPWebinars
  33. 33. Ignite UI グリッド、無償提供中! http://bit.ly/IgniteUIGrid

×