Your SlideShare is downloading. ×
Ignite ui 2012 最新情報 jQuery UI 編
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Ignite ui 2012 最新情報 jQuery UI 編

835
views

Published on

2013 年 01 月 18 日の Ignite UI 2012 最新情報 jQuery UI 編 Webinar にて使用したスライドです。 …

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
835
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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