ASP.NET MVC 4 Deveoper Preview による

モバイルアプリケーション開発

D&UNITE 株式会社　代表取締役株式会社 T-Planning 　取締役　

杉下　朋年

Microsoft MVP for ASP.NET/IIS

VSUG DAY – Winter （ 2012.01.28 ）

VSUG DAY - Winter 2012.01.28

自己紹介

• 杉下 朋年　（すぎした　ともとし）• 福井県在住• 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

VSUG DAY - Winter 2012.01.28

アジェンダ

• ASP.NET MVC 4 Developer Preview• ASP.NET MVC 4 Mobile Features• モバイル機能を使った開発デモ• Entity Framework 4 Code First

VSUG DAY - Winter 2012.01.28

ASP.NET MVC

• MVC 1 (2009 年 )• MVC 2 (2010 年 )

– HTML ヘルパーの強化– モデル検証 (Validation) の改善– エリア、非同期コントローラー、 etc.

• MVC 3 (2011 年 )– マルチビューエンジン– Razor– グローバル・フィルタ– JSON バインディングサポート、 etc.

VSUG DAY - Winter 2012.01.28

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

VSUG DAY - Winter 2012.01.28

ASP.NET MVC 4 Developer Preview

• デフォルトテンプレートを今風に変更• モバイル向けプロジェクトテンプレートの追加• Display Modes• jQuery Mobile 、ビュースイッチャー、

ブラウザ情報のオーバーライド• コード生成「レシピ」• 非同期コントローラーの Task サポート• Azure SDK• etc.

http://www.asp.net/mvc/mvc4　より

VSUG DAY - Winter 2012.01.28

ASP.NET MVC4 Developer Preview

• 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)

VSUG DAY - Winter 2012.01.28

モバイル向けの新機能

demo

VSUG DAY - Winter 2012.01.28

実機での実行結果

iPhone 4S での動作結果 Windows Phone での動作結果 Android での動作結果

残念ながらモバイルとして認識されてない

VSUG DAY - Winter 2012.01.28

モバイルデバイスの検出

• HttpRequestBase.Browser.IsMobileDevice プロパティが true の場合に、モバイルデバイスとして認識される

• MSDN マガジン July 2011 の記事抜粋http://msdn.microsoft.com/ja-jp/magazine/hh288079.aspx

– C:\Windows\Microsoft.NET\Framework\v4.0.30319\Config\Browsers フォルダーの.Browser ファイルの .Browser ファイル内の定義

– 現時点では、 51degrees.Mobi Foundation がお勧めらしい。（こちらは WURFL を使用して判別）• ただし、私自身は未だにうまく使えず・・・

– なので・・・

VSUG DAY - Winter 2012.01.28

DisplayModes によるデバイス別表示

demo

VSUG DAY - Winter 2012.01.28

既存の Web アプリケーションとの連携

• MVC ３以前のプロジェクト→ MVC4 へアップグレードしてください。（可能なら）　　 3 から４への移行手順については、

MVC ４のリリースノートに記載があります。　　が、、、、うまくいかないはずです。たぶん（泣）

• ASPX View で DisplayModes は使えるか？→ かなりごにょごにょしてみたけど、ダメでした。

• 従来通り、プロジェクトを分割• 個別のビュー、レイアウトを作成し、コントロー

ラーでビューを分岐※ もしかしたら、最終版では対応されるかも・・・

VSUG DAY - Winter 2012.01.28

Entity Framework ４ Code First との連携

demo

VSUG DAY - Winter 2012.01.28

参考資料

• 日本語– THE TRUTH ISOUT THERE 　 (MS 井上さんのブロ

グ )http://blogs.msdn.com/b/chack/

• 英語– ASP.NET MVC 4 リリースノート

http://www.asp.net/whitepapers/mvc4-release-notes– ASP.NET MVC 4 Mobile Features チュートリアル

http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

• jQuery Mobile– http://jquerymobile.com/