Ignite UI 2012 最新情報 jQuery Mobile 編
2 likes2,552 views
2013 年 01 月 25 日に実施しました HTML/jQuery Mobile 対応コンポーネント集 Ignite UI 2012 よりモバイル対応コントロールについてご紹介しました Webinar にて使用されたスライドです。
Ignite UI 2012 最新情報 jQuery Mobile 編
- 1. Ignite UI 2012 最新情報 jQuery Mobile 編 Daizen Ikehara : Marketing & Developer Evangelist [email protected] Twitter @Neri78
- 2. 自己紹介 池原 大然（いけはら だいぜん） インフラジスティックス・ジャパン株式会社 マーケティング & デベロッパー エバンジェリスト Microsoft MVP for Development Platforms Client App Dev 2010/04 – 2013/03 Blog
- 3. NETADVANTAGE
- 4. Cross Platform Modern User Experience
- 5. XAML styles to match published Microsoft themes.
- 6. ライセンス形態 １開発者様につき１ライセンス 複数のPCに インストールして利用可能 配布ライセンス、サーバーライセンス等は一切不要！ 不 不 要 要 6
- 7. サポート サービス E-mail / 電話による技術サポート Email 電話サポート 1次回答までの サービス サポート (9am-6pm) サポート回数 時間 リリース取得 NO 通常サポート - LIMIT Priorityサポート 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 Mobile 編 まとめ
- 11. Ignite UI 2012 概要
- 12. Build Richer Apps Reach More Clients
- 14. Ignite UI JavaScript & HTML5 UI フレームワーク プラットフォーム非依存 jQuery UI, jQuery Mobile ベース UI ウィジット HTML5 / CSS3 準拠 開発生産性の向上 スタイリング サポート
- 15. モバイル • jQuery Mobile 対応 • 独自、あるいは 生産性向上のし くみを提供
- 16. Mobile List View • 高機能モバイル リスト • データ バインディング • 階層 ナビゲーション • テンプレート • 並べ替え • フィルタリング • グループ化 • ロードオン デマンド
- 17. Mobile Rating • レーティング • ReadOnly • 編集モード • 動的変更
- 18. 実装オプション 2 通りの UI 記述方法 プラットフォーム非依存 JavaScript (jQuery) Visual Studio 2010/2012 ASP.NET MVC Razor jQuery グリッド (jQuery UI) : igGrid 入門編 http://bit.ly/igGrid101 jQuery / HTML5 チャート (jQuery UI) : igChart 入門編 http://bit.ly/igChart101
- 19. Infragistics Loader • 必要リソースを自動的に読み込む仕組みを提供 – リソース管理の手間を省くことができる。
- 20. Ignite UI 2012 最新機能 jQuery Mobile 編
- 22. igRating (Mobile) • レーティングの値として Null 値を新たにサポート – 0 ではななく、値なしとしたい場合に有効
- 23. igListView 並びに igRating の構築ならびに 新機能 (サンプル ブラウザー)
- 24. jQuery Mobile コントロール対応 ASP.NET MVC ラッパー Mobile Button Mobile CheckBox Mobile CheckBoxGroup Mobile Collapsible Mobile CollapsibleSet Mobile Link Mobile NavBar Mobile Page, Mobile Popup PageContent, PageFooter, PageHeader Mobile RadioButtonGroup Mobile SelectMenu Mobile Slider Mobile TextBox Mobile ToggleSwitch ASP.NET MVC Razor 構文を用いた UI 記述をサポート
- 25. jQuery Mobile 対応 ASP.NET MVC ラッパー機能の利用
- 26. まとめ
- 27. まとめ 機能拡張 • igListView 子レイアウト内でのリンク設定 • igRating 新機能 • jQuery Mobile コントロール対応 ASP.NET MVC ラッパーによる迅速な UI 構築
- 28. リソース 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
- 29. Ignite UI グリッド、無償提供中! http://bit.ly/IgniteUIGrid