ASP.NET MVC 4 Installer

VSUG DAY – Winter (2012.01.28)
ASP.NET MVC 4 Deveoper
Preview による
モバイルアプリケーション
開発
D&UNITE 株式会社 代表取締役
株式会社 T-Planning 取締役
杉下 朋年
Microsoft MVP for ASP.NET/IIS
自己紹介
• 杉下 朋年 (すぎした ともとし)
• 福井県在住
• D&UNITE 株式会社 代表取締役
– 最近の開発状況
•
•
•
•
•
ASP.NET MVC 2 or 3
Web Form
Windows Form
iOS, Android
Windows Phone
60%
5%
10%
15%
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\C
onfig\Browsers フォルダーの
.Browserファイルの.Browserファイル内の定義
– 現時点では、51degrees.Mobi Foundation がお勧めらし
い。
(こちらはWURFL を使用して判別)
• ただし、私自身は未だにうまく使えず・・・
– なので・・・
VSUG DAY - Winter 2012.01.28
DisplayModesによるデバイス別表示
demo
VSUG DAY - Winter 2012.01.28
既存のWebアプリケーションとの連携
• MVC3以前のプロジェクト
→ MVC4へアップグレードしてください。(可能なら)
3から4への移行手順については、
MVC4のリリースノートに記載があります。
が、、、、うまくいかないはずです。たぶん(泣)
• ASPX ViewでDisplayModesは使えるか?
→ かなりごにょごにょしてみたけど、ダメでした。
• 従来通り、プロジェクトを分割
• 個別のビュー、レイアウトを作成し、コントローラーでビ
ューを分岐
※もしかしたら、最終版では対応されるかも・・・
VSUG DAY - Winter 2012.01.28
Entity Framework 4 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-4mobile-features
• jQuery Mobile
– http://jquerymobile.com/
VSUG DAY - Winter 2012.01.28