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
© Copyright 2024 ExpyDoc