Submit Search
Upload
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
•
1 like
•
2,230 views
Daizen Ikehara
Follow
2012/11/16 のセミナーで使用した Ignite UI スライドです
Read less
Read more
Technology
Report
Share
Report
Share
1 of 31
Download now
Download to read offline
Recommended
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
20140322
20140322
小野 修司
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
miso- soup3
Asp Net Mvc 基礎のキソ
Asp Net Mvc 基礎のキソ
Yoshitaka Seo
AngularJSについて
AngularJSについて
昌生 高橋
ASP.NET習得の最短経路を考察する
ASP.NET習得の最短経路を考察する
Masaki Takeda
Recommended
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
20140322
20140322
小野 修司
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
Hokuriku.NET ASP.NET MVC入門 「実践」 20120825
miso- soup3
Asp Net Mvc 基礎のキソ
Asp Net Mvc 基礎のキソ
Yoshitaka Seo
AngularJSについて
AngularJSについて
昌生 高橋
ASP.NET習得の最短経路を考察する
ASP.NET習得の最短経路を考察する
Masaki Takeda
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
Akira Inoue
ASP.NET MVC プログラミング入門の入門
ASP.NET MVC プログラミング入門の入門
Masuda Tomoaki
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
Yoshitaka Seo
はじめての ASP.NET MVC
はじめての ASP.NET MVC
jz5 MATSUE
20120128
20120128
小野 修司
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
そろそろ押さえておきたい AngularJSのセキュリティ
そろそろ押さえておきたい AngularJSのセキュリティ
Muneaki Nishimura
AngularJS入門
AngularJS入門
Kenji Shirane
はじめてのASP.NET MVC5
はじめてのASP.NET MVC5
Tomo Mizoe
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
Akira Inoue
ng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターン
Hayashi Yuichi
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
Seki Yousuke
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
20100218
20100218
小野 修司
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
慎一 古賀
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Fujio Kojima
Xamarin.formsでのmvvm利用のコツ
Xamarin.formsでのmvvm利用のコツ
Masuda Tomoaki
20120609
20120609
小野 修司
Build insider testingwithvs
Build insider testingwithvs
Tomoyuki Iwade
Knockout.js を利用したインタラクティブ web アプリケーション開発
Knockout.js を利用したインタラクティブ web アプリケーション開発
Daizen Ikehara
ReactiveSignalR
ReactiveSignalR
Takaaki Suzuki
More Related Content
What's hot
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
Akira Inoue
ASP.NET MVC プログラミング入門の入門
ASP.NET MVC プログラミング入門の入門
Masuda Tomoaki
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
Yoshitaka Seo
はじめての ASP.NET MVC
はじめての ASP.NET MVC
jz5 MATSUE
20120128
20120128
小野 修司
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
そろそろ押さえておきたい AngularJSのセキュリティ
そろそろ押さえておきたい AngularJSのセキュリティ
Muneaki Nishimura
AngularJS入門
AngularJS入門
Kenji Shirane
はじめてのASP.NET MVC5
はじめてのASP.NET MVC5
Tomo Mizoe
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
Akira Inoue
ng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターン
Hayashi Yuichi
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
Seki Yousuke
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
20100218
20100218
小野 修司
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
慎一 古賀
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Fujio Kojima
Xamarin.formsでのmvvm利用のコツ
Xamarin.formsでのmvvm利用のコツ
Masuda Tomoaki
20120609
20120609
小野 修司
Build insider testingwithvs
Build insider testingwithvs
Tomoyuki Iwade
What's hot
(20)
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
ASP.NET MVC プログラミング入門の入門
ASP.NET MVC プログラミング入門の入門
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
はじめての ASP.NET MVC
はじめての ASP.NET MVC
20120128
20120128
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
そろそろ押さえておきたい AngularJSのセキュリティ
そろそろ押さえておきたい AngularJSのセキュリティ
AngularJS入門
AngularJS入門
はじめてのASP.NET MVC5
はじめてのASP.NET MVC5
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ASP.NET シングル ページ アプリケーション (SPA) 詳説
ng-mtg#6 AngularJS ディレクティブ・パターン
ng-mtg#6 AngularJS ディレクティブ・パターン
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
One ASP.NET の今とこれから
One ASP.NET の今とこれから
20100218
20100218
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Xamarin.formsでのmvvm利用のコツ
Xamarin.formsでのmvvm利用のコツ
20120609
20120609
Build insider testingwithvs
Build insider testingwithvs
Viewers also liked
Knockout.js を利用したインタラクティブ web アプリケーション開発
Knockout.js を利用したインタラクティブ web アプリケーション開発
Daizen Ikehara
ReactiveSignalR
ReactiveSignalR
Takaaki Suzuki
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
Toshihiro Kawachi
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
Akira Inoue
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
Sho Okada
Developers Summit 2014 【13-D-7】 コミュニティLT - Story 5. 「新人技術者にどうプログラミングを教えたか」
Developers Summit 2014 【13-D-7】 コミュニティLT - Story 5. 「新人技術者にどうプログラミングを教えたか」
Fujio Kojima
手戻り ゼロ を目指して
手戻り ゼロ を目指して
Daizen Ikehara
デキるプログラマだけが知っているコードレビュー7つの秘訣
デキるプログラマだけが知っているコードレビュー7つの秘訣
Masahiro Nishimi
なぜ今プロジェクトデザインスキルが必要か
なぜ今プロジェクトデザインスキルが必要か
Hagimoto Junzo
KnockoutJSを使用したアプリケーションの構築例
KnockoutJSを使用したアプリケーションの構築例
masakazusegawa
Viewers also liked
(11)
Knockout.js を利用したインタラクティブ web アプリケーション開発
Knockout.js を利用したインタラクティブ web アプリケーション開発
ReactiveSignalR
ReactiveSignalR
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
ASP.NET 新時代に向けて ~ ASP.NET 5 / Visual Studio 2015 基礎解説
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
.Netのwebプログラマーに贈るサーバーインフラの比較的かんたんなお話
Developers Summit 2014 【13-D-7】 コミュニティLT - Story 5. 「新人技術者にどうプログラミングを教えたか」
Developers Summit 2014 【13-D-7】 コミュニティLT - Story 5. 「新人技術者にどうプログラミングを教えたか」
手戻り ゼロ を目指して
手戻り ゼロ を目指して
デキるプログラマだけが知っているコードレビュー7つの秘訣
デキるプログラマだけが知っているコードレビュー7つの秘訣
なぜ今プロジェクトデザインスキルが必要か
なぜ今プロジェクトデザインスキルが必要か
KnockoutJSを使用したアプリケーションの構築例
KnockoutJSを使用したアプリケーションの構築例
Similar to jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
インフラジスティックス・ジャパン株式会社
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Webに今求められているレベル: HTML5 コントロールを利用した開発
Webに今求められているレベル: HTML5 コントロールを利用した開発
インフラジスティックス・ジャパン株式会社
[AC11] サーバー管理よ、サヨウナラ。サーバーレスアーキテクチャの意義と実践
[AC11] サーバー管理よ、サヨウナラ。サーバーレスアーキテクチャの意義と実践
de:code 2017
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Mvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
インフラジスティックス・ジャパン株式会社
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
サーバー管理よ、サヨウナラ。サーバーレス アーキテクチャの意義と実践
サーバー管理よ、サヨウナラ。サーバーレス アーキテクチャの意義と実践
真吾 吉田
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
Takeshi Shinmura
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
Akira Inoue
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
Net advantage 2012 volume2 最新情報 xaml プラットフォーム編
Net advantage 2012 volume2 最新情報 xaml プラットフォーム編
Daizen Ikehara
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
Oda Shinsuke
Similar to jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
(20)
2013 Ignite UI 最新情報 in 岡山
2013 Ignite UI 最新情報 in 岡山
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Webに今求められているレベル: HTML5 コントロールを利用した開発
Webに今求められているレベル: HTML5 コントロールを利用した開発
[AC11] サーバー管理よ、サヨウナラ。サーバーレスアーキテクチャの意義と実践
[AC11] サーバー管理よ、サヨウナラ。サーバーレスアーキテクチャの意義と実践
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Mvc conf session_5_isami
Mvc conf session_5_isami
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Ignite UI 2012 最新情報 jQuery Mobile 編
Ignite UI 2012 最新情報 jQuery Mobile 編
2012 05-19第44回cocoa勉強会発表資料
2012 05-19第44回cocoa勉強会発表資料
サーバー管理よ、サヨウナラ。サーバーレス アーキテクチャの意義と実践
サーバー管理よ、サヨウナラ。サーバーレス アーキテクチャの意義と実践
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
TypeScript ファースト ステップ (v.0.9 対応版) ~ Any browser. Any host. Any OS. Open Sourc...
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Net advantage 2012 volume2 最新情報 xaml プラットフォーム編
Net advantage 2012 volume2 最新情報 xaml プラットフォーム編
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
More from Daizen Ikehara
13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
Daizen Ikehara
クラウドサービス、AWS/Azure/GCP それぞれの Text to Speechを比べてみた
クラウドサービス、AWS/Azure/GCP それぞれの Text to Speechを比べてみた
Daizen Ikehara
Communications Platform as a Service (CPaaS) 入門
Communications Platform as a Service (CPaaS) 入門
Daizen Ikehara
DevRel Meetupのおかげで転職した話
DevRel Meetupのおかげで転職した話
Daizen Ikehara
エンジニア?のキャリアと英語を考える
エンジニア?のキャリアと英語を考える
Daizen Ikehara
開発者向けカンファレンス出展に向けて考えるべきこと
開発者向けカンファレンス出展に向けて考えるべきこと
Daizen Ikehara
オンラインIDEで爆速オンボーディングと、サンプルコード共有
オンラインIDEで爆速オンボーディングと、サンプルコード共有
Daizen Ikehara
コントロールベンダー視点での Command line interface (CLI)
コントロールベンダー視点での Command line interface (CLI)
Daizen Ikehara
Xamarin 対応開発ツールで効率良くクロスプラットフォーム開発
Xamarin 対応開発ツールで効率良くクロスプラットフォーム開発
Daizen Ikehara
ベストタイムは 23 時? グローバル開発チームとの付き合い方
ベストタイムは 23 時? グローバル開発チームとの付き合い方
Daizen Ikehara
Ignite ui 2012 最新情報 jQuery UI 編
Ignite ui 2012 最新情報 jQuery UI 編
Daizen Ikehara
Net advantage 2012 volume2 最新情報 Windows Forms / ASP.NET 編
Net advantage 2012 volume2 最新情報 Windows Forms / ASP.NET 編
Daizen Ikehara
Netadvantage 2012 volume2 最新情報 Reporting 編
Netadvantage 2012 volume2 最新情報 Reporting 編
Daizen Ikehara
Windows8 の UX
Windows8 の UX
Daizen Ikehara
IgChart 入門編
IgChart 入門編
Daizen Ikehara
IgGrid 入門編
IgGrid 入門編
Daizen Ikehara
高速レポート アプリケーション開発
高速レポート アプリケーション開発
Daizen Ikehara
Devsumi 17 d-2
Devsumi 17 d-2
Daizen Ikehara
17 D-2
17 D-2
Daizen Ikehara
More from Daizen Ikehara
(19)
13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
13-E-7 クラウドサービスとゲーミフィケーション: 「TwilioQuest 3」を用いた開発者オンボーディング
クラウドサービス、AWS/Azure/GCP それぞれの Text to Speechを比べてみた
クラウドサービス、AWS/Azure/GCP それぞれの Text to Speechを比べてみた
Communications Platform as a Service (CPaaS) 入門
Communications Platform as a Service (CPaaS) 入門
DevRel Meetupのおかげで転職した話
DevRel Meetupのおかげで転職した話
エンジニア?のキャリアと英語を考える
エンジニア?のキャリアと英語を考える
開発者向けカンファレンス出展に向けて考えるべきこと
開発者向けカンファレンス出展に向けて考えるべきこと
オンラインIDEで爆速オンボーディングと、サンプルコード共有
オンラインIDEで爆速オンボーディングと、サンプルコード共有
コントロールベンダー視点での Command line interface (CLI)
コントロールベンダー視点での Command line interface (CLI)
Xamarin 対応開発ツールで効率良くクロスプラットフォーム開発
Xamarin 対応開発ツールで効率良くクロスプラットフォーム開発
ベストタイムは 23 時? グローバル開発チームとの付き合い方
ベストタイムは 23 時? グローバル開発チームとの付き合い方
Ignite ui 2012 最新情報 jQuery UI 編
Ignite ui 2012 最新情報 jQuery UI 編
Net advantage 2012 volume2 最新情報 Windows Forms / ASP.NET 編
Net advantage 2012 volume2 最新情報 Windows Forms / ASP.NET 編
Netadvantage 2012 volume2 最新情報 Reporting 編
Netadvantage 2012 volume2 最新情報 Reporting 編
Windows8 の UX
Windows8 の UX
IgChart 入門編
IgChart 入門編
IgGrid 入門編
IgGrid 入門編
高速レポート アプリケーション開発
高速レポート アプリケーション開発
Devsumi 17 d-2
Devsumi 17 d-2
17 D-2
17 D-2
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
1.
jQuery/HTML5/ASP.NET MVC 対応コンポーネントを 用いたデバイス対応 業務アプリケーション開発 セッションレベル :
200 – Basic Daizen Ikehara : Marketing & Developer Evangelist dikehara@infragistics.com Twitter @Neri78
2.
自己紹介 池原 大然(いけはら だいぜん) インフラジスティックス・ジャパン株式会社 マーケティング
& デベロッパー エバンジェリスト Microsoft MVP for Development Platforms Client App Dev 2010/04 – 2013/03 Blog
3.
Build Richer Apps Reach
More Clients
4.
Ignite UI 概要 JavaScript
and ASP.NET MVC 開発生産性への取り組み まとめ
5.
Ignite UI
概要
6.
7.
Ignite UI JavaScript &
HTML5 UI フレームワーク jQuery UI, jQuery Mobile ベースコントロール HTML5 機能を活用 業務要件に必要なコントロール モバイル対応コントロール Javascript または ASP.NET MVC に対応
8.
サンプルブラウザー http://samples.jp.infragistics.com/jquery/ Demo
9.
igGrid • 軽量化・仮想化
された 高パフォーマンス グリッド • 階層表示機能 • フィルタリング • グループ化 • 集計 LOB (業務用) アプリケーションに 対応
10.
igChart • パフォーマンス
HTML5 チャート • 多様な チャートタイプ • モーション フレームワーク による動的変更
11.
igMap • パフォーマンス
HTML5 マップ • ズーム & パン • 地理情報 サービスとの 連携
12.
モバイル • jQuery
Mobile UI • 様々なベース コントロールを 提供
13.
jQuery UI vs
jQuery Mobile jQuery UI jQuery Mobile 対応コントロール 対応コントロール デスクトップ ブラウザーへ モバイル デバイス最優先 の対応 ・ボタン ・リッチ コントロール ・スライダー ・ピボット グリッド ・ページヘッダー ・HTML エディター ・ナビゲーションバー ・マップ
14.
JavaScript
and ASP.NET MVC
15.
実装オプション 2 通りの UI
記述方法 JavaScript (jQuery) ASP.NET MVC Razor
16.
JavaScript • JavaScript (jQuery)
を用いて UI を記述 – IDE に依存しない – プラットフォームに依存しない (ASP.NET, ASP.NET MVC, HTML, PHP, etc..) – jQuery の習得が必要 // グリッドの呼び出し $("#grid1").igGrid({ dataSource: products, columns: [ { headerText: "Product ID", key: "ProductID", dataType: "number" } ] });
17.
ASP.NET MVC ラッパー •
ASP.NET MVC Razor 構文を用いて UI を記述 – VS の支援機能を有効活用 – Model 部分で C#, VB を利用しプロパティ設定を 行うこともできる – jQuery の習得が必要なものの、UI そのもの記述部分に 関しては Razor 構文を利用できる // グリッドの呼び出し @(Html.Infragistics().Grid() .DataSource(products) .Columns(columns => columns.For(x => x.ProductID) .HeaderText(“Product ID") .DataType("number") ) )
18.
JavaScript, ASP.NET MVC
比較 Demo
19.
開発生産性 への 取り組み
20.
Infragistics Loader • JavaScript
ライブラリーを利用する場合 スクリプト ファイル、CSS ファイルの参照が必要
21.
Infragistics Loader • 必要リソースを自動的に読み込む仕組みを提供
– リソース管理の手間を省くことができる。
22.
Infragistics Loader • コード記述時にローダーを呼び出し
<script type="text/javascript"> 読み込み // igLoader の読み込み リソース $.ig.loader({ scriptPath: 'Scripts/IG', cssPath: 'Content/IG', resources: 'igGrid.*', ready: function () { // Do something } }); コンポーネント </script> 呼び出しなどの処理 • ASP.NET MVC ラッパーも同様
23.
Control Tuner (Beta) •
http://labs.infragistics.com/jquery/configure/ • プロパティウィンドウを設定しコントロールの デザインが可能 • 生成されたコードをコピー & ペースト
24.
Infragistics Loader /
Control Tuner Demo
25.
Windows
Phone jQuery iOS WPF WinRT(XAML) WinRT(HTML) Silverlight Core Data Visualization API Cross Platform Shared Code Strategy
26.
• APIセットの共通化 –
マルチプラットフォーム開発でのコスト低減 API共通化に よる学習・開発 コストの削減 単独 APIセット共有 共通部分 Silverlight Windows Phone WPF jQuery
27.
まとめ
28.
まとめ デバイス、プラットフォーム対応への
対応策の 1 つ • jQuery UI, jQuery Mobile の活用 • ASP.NET MVC UI コンポーネント利用での開発 • 高機能、高パフォーマンス • 開発生産性を考慮
29.
インフラジスティックス Webinar • http://jp.infragistics.com/resources/webinars.
aspx • オンラインセミナーを開催中 – 新機能紹介 – コントロール利用方法チュートリアルなど igGrid 入門 igChart 入門 近日セッションビデオを公開予定 その他 Webinar も計画中
30.
リソース
HTML5 HTML5 チート シート http://www.inmotionhosting.com/infographic s/html5-cheat-sheet/ ブラウザー 対応状況 http://www.findmebyip.com/litmus/ jQuery jQuery http://jquery.com/ jQuery UI http://jqueryui.com/ Ignite UI Blog http://blogs.jp.infragistics.com/tags/jQuery/default .aspx Control Configuration http://labs.infragistics.com/jquery/configure オンライン ヘルプ/API http://help.jp.infragistics.com/NetAdvantage/ jQuery/2012.2/CLR4.0/default.aspx http://help.infragistics.com/jQuery/2012.2/
Download now