D&UNITE 株式会社 代表取締役 株式会社 T-Planning 取締役 Microsoft MVP for ASP.NET/IIS

Presentation on theme: "D&UNITE 株式会社 代表取締役 株式会社 T-Planning 取締役 Microsoft MVP for ASP.NET/IIS"— Presentation transcript:

1 D&UNITE 株式会社 代表取締役 株式会社 T-Planning 取締役 Microsoft MVP for ASP.NET/IIS
VSUG DAY – Winter （ ） ASP.NET MVC 4 Deveoper Preview による モバイルアプリケーション開発 D&UNITE 株式会社　代表取締役 株式会社 T-Planning　取締役　 杉下　朋年 Microsoft MVP for ASP.NET/IIS

2 Microsoft MVP for ASP.NET/IIS
自己紹介 杉下 朋年　（すぎした　ともとし） 福井県在住 D&UNITE 株式会社 代表取締役 最近の開発状況 ASP.NET MVC 2 or 3 60% Web Form 5% Windows Form 10% iOS, Android 15% Windows Phone 5% Microsoft MVP for ASP.NET/IIS

3 ASP.NET MVC 4 Developer Preview ASP.NET MVC 4 Mobile Features
アジェンダ ASP.NET MVC 4 Developer Preview ASP.NET MVC 4 Mobile Features モバイル機能を使った開発デモ Entity Framework 4 Code First

4 MVC 1 (2009年) MVC 2 (2010年) MVC 3 (2011年) ASP.NET MVC HTML ヘルパーの強化
モデル検証(Validation)の改善 エリア、非同期コントローラー、etc. MVC 3 (2011年) マルチビューエンジン Razor グローバル・フィルタ JSONバインディングサポート、etc.

5 ASP.NET MVC 4 Developer Preview
Enhancements to Default Project Templates Mobile Project Template Display Modes jQuery Mobile, the View Switcher, and Browser Overriding Recipes for Code Generation in Visual Studio Task Support for Asynchronous Controllers Azure SDK Known Issues and Breaking Changes

6 ASP.NET MVC 4 Developer Preview
デフォルトテンプレートを今風に変更 モバイル向けプロジェクトテンプレートの追加 Display Modes jQuery Mobile、ビュースイッチャー、 ブラウザ情報のオーバーライド コード生成「レシピ」 非同期コントローラーの Task サポート Azure SDK etc.

7 ASP.NET MVC4 Developer Preview
Web Platform Installer 4.0 をインストール Web Platform Installer 4.0 開発プラットフォームに合わせたバージョンを選択 VS2010 の場合、 ASP.NET MVC 4 Installer (Visual Studio 2010) VS2011DP の場合、 ASP.NET MVC 4 Installer (Visual Studio 11)

8 モバイル向けの新機能 demo

9 実機での実行結果 iPhone 4S での動作結果 Windows Phone での動作結果 Androidでの動作結果
残念ながらモバイルとして 認識されてない

10 モバイルデバイスの検出 HttpRequestBase.Browser.IsMobileDevice プロパティが true の場合に、モバイルデバイスとして認識される MSDN マガジンJuly 2011 の記事抜粋 C:\Windows\Microsoft.NET\Framework\v \Config\Browsers フォルダーの .Browserファイルの.Browserファイル内の定義 現時点では、51degrees.Mobi Foundation がお勧めらしい。 （こちらはWURFL を使用して判別） ただし、私自身は未だにうまく使えず・・・ なので・・・

11 DisplayModesによるデバイス別表示
demo

12 ASPX ViewでDisplayModesは使えるか？
既存のWebアプリケーションとの連携 MVC３以前のプロジェクト → MVC4へアップグレードしてください。（可能なら） 　　3から４への移行手順については、 MVC４のリリースノートに記載があります。 　　が、、、、うまくいかないはずです。たぶん（泣） ASPX ViewでDisplayModesは使えるか？ → かなりごにょごにょしてみたけど、ダメでした。 従来通り、プロジェクトを分割 個別のビュー、レイアウトを作成し、コントローラーでビューを分岐 ※もしかしたら、最終版では対応されるかも・・・

13 Entity Framework ４ Code First との連携
demo

14 英語 jQuery Mobile 参考資料 日本語 http://jquerymobile.com/
THE TRUTH ISOUT THERE　(MS 井上さんのブログ) 英語 ASP.NET MVC 4 リリースノート ASP.NET MVC 4 Mobile Features チュートリアル jQuery Mobile