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

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

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

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

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
VSUG DAY - Winter 2012.01.28

6. 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

7. 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

8. モバイル向けの新機能
demo
VSUG DAY - Winter 2012.01.28

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

10. モバイルデバイスの検出
• HttpRequestBase.Browser.IsMobileDevice
プロパティが true の場合に、モバイルデバイス
として認識される
• MSDN マガジンJuly 2011 の記事抜粋
http://msdn.microsoft.com/ja-jp/magazine/hh288079.aspx
– C:WindowsMicrosoft.NETFrameworkv4.0.30319C
onfigBrowsers フォルダーの
.Browserファイルの.Browserファイル内の定義
– 現時点では、51degrees.Mobi Foundation がお勧めら
しい。
（こちらはWURFL を使用して判別）
• ただし、私自身は未だにうまく使えず・・・
– なので・・・
VSUG DAY - Winter 2012.01.28

11. DisplayModesによるデバイス別表示
demo
VSUG DAY - Winter 2012.01.28

12. 既存のWebアプリケーションとの連携
• MVC３以前のプロジェクト
→ MVC4へアップグレードしてください。（可
能なら）
3から４への移行手順については、
MVC４のリリースノートに記載があります
。
が、、、、うまくいかないはずです。たぶ
ん（泣）
• ASPX ViewでDisplayModesは使えるか？
→ かなりごにょごにょしてみたけど、ダメでし
た。
VSUG DAY - Winter 2012.01.28

13. Entity Framework ４ Code First との連携
demo
VSUG DAY - Winter 2012.01.28

14. 参考資料
• 日本語
– 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/
VSUG DAY - Winter 2012.01.28