SlideShare una empresa de Scribd logo
1 de 12
VSUG DAY – Summer                (2012.06.16)

ASP.NET MVC 4 入門

 どっとねっとふぁん
http://blogonos.wordpress.com/

       小野       修司
ASP.NET MVC の歴史
• v1
  – ルーティング
  – ViewとControllerの分離
• v2
  – モデルバインディング
• V3
  – ASP.NET 4対応
  – バインディングを活かしたスキャッフォールド
  – Razor書式によるView
• v4 (RC)
  – HTML5ベースのテンプレート
  – モバイル(スマートフォン)対応
                 VSUG DAY - Winter 2012.06.16
ASP.NET MVC の基礎

•   ルーティング
•   Controller
•   View
•   Model
•   フィルタ


             VSUG DAY - Winter 2012.06.16
セマンティックマークアップが標準




       VSUG DAY - Winter 2012.06.16
アダプティブデザイン採用




       VSUG DAY - Winter 2012.06.16
Application_Start の簡素化




              VSUG DAY - Winter 2012.06.16
モバイル向け View の作成
• View の名称に ”mobile” キーワードを追加
• DisplayModeProvider を利用し、独自キーワードの追加が可
  能

DisplayModeProvider.Instance.Modes.Insert(0,
new DefaultDisplayMode("iPad")
{
    ContextCondition = (context => context.GetOverriddenUserAgent()
      .IndexOf("iPad", StringComparison.OrdinalIgnoreCase) >= 0)
});



                       VSUG DAY - Winter 2012.06.16
モバイル用テンプレート




       VSUG DAY - Winter 2012.06.16
ASP.NET MVC Web API

• RESTful な Web サービスを提供
  – データを表す URI に対して HTTP のメソッドで操作
     • GET    取得
     • PUT    更新
     • POST   追加
     • DELETE 削除

  – データ形式の標準は JSON
    • JQuery Mobile とのデータ連携とか
             VSUG DAY - Winter 2012.06.16
ASP.NET MVC Web API の基礎

•   ルーティング
•   Controller
•   View
•   Model
•   フィルタ

    – それぞれに実装はMVCと異なることに注意
             VSUG DAY - Winter 2012.06.16
ASP.NET MVC Web API RC 版補足

• Beta版の情報
http://channel9.msdn.com/Events/Windows-Developer-Days/Windows-Developer-Days-2012/SC-014



• スキャッフォールディング
• Queryable 属性(クエリーパラメータ対応
  )
• 認証エラー時のHTTPステータス:401

                               VSUG DAY - Winter 2012.06.16
まとめ




      VSUG DAY - Winter 2012.06.16

Más contenido relacionado

La actualidad más candente

WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめWebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
Akira Inoue
 
Vs2013 multi device shosuz
Vs2013 multi device shosuzVs2013 multi device shosuz
Vs2013 multi device shosuz
Shotaro Suzuki
 
オープニング
オープニングオープニング
オープニング
konekto
 
AngularJSを触ってみた
AngularJSを触ってみたAngularJSを触ってみた
AngularJSを触ってみた
tomowata
 

La actualidad más candente (20)

Linux & Mac OS でも動く! ~ クロスプラットフォーム対応に見る ASP.NET Core 5 の可能性 ~
Linux & Mac OS でも動く! ~ クロスプラットフォーム対応に見る ASP.NET Core 5 の可能性 ~Linux & Mac OS でも動く! ~ クロスプラットフォーム対応に見る ASP.NET Core 5 の可能性 ~
Linux & Mac OS でも動く! ~ クロスプラットフォーム対応に見る ASP.NET Core 5 の可能性 ~
 
Rails5 Action Cableの紹介
Rails5 Action Cableの紹介Rails5 Action Cableの紹介
Rails5 Action Cableの紹介
 
WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめWebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
WebMatrix 2 と Azure Web Sites を使ったスマートフォンサイト構築のすすめ
 
Vs2013 multi device shosuz
Vs2013 multi device shosuzVs2013 multi device shosuz
Vs2013 multi device shosuz
 
MvvmCross 入門
MvvmCross 入門MvvmCross 入門
MvvmCross 入門
 
WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化WebフレームワークXSS対策の自動化
WebフレームワークXSS対策の自動化
 
ウェブチップス勉強会 Action cable
ウェブチップス勉強会 Action cableウェブチップス勉強会 Action cable
ウェブチップス勉強会 Action cable
 
【 Zabbix 2.0 】zabbix 2.0による簡単 MySQL 監視 #Zabbix
【 Zabbix 2.0 】zabbix 2.0による簡単 MySQL 監視 #Zabbix【 Zabbix 2.0 】zabbix 2.0による簡単 MySQL 監視 #Zabbix
【 Zabbix 2.0 】zabbix 2.0による簡単 MySQL 監視 #Zabbix
 
Web matrix2とvisual studio
Web matrix2とvisual studioWeb matrix2とvisual studio
Web matrix2とvisual studio
 
WordPress 使いのためのMicrosoft Azure 超入門
WordPress 使いのためのMicrosoft Azure 超入門 WordPress 使いのためのMicrosoft Azure 超入門
WordPress 使いのためのMicrosoft Azure 超入門
 
Learn vue.js
Learn vue.jsLearn vue.js
Learn vue.js
 
Node platforms
Node platformsNode platforms
Node platforms
 
EC-CUBE on SQL データベース勉強会
EC-CUBE on SQL データベース勉強会EC-CUBE on SQL データベース勉強会
EC-CUBE on SQL データベース勉強会
 
Azure Functionsでサーバーレスアプリケーション構築
Azure Functionsでサーバーレスアプリケーション構築Azure Functionsでサーバーレスアプリケーション構築
Azure Functionsでサーバーレスアプリケーション構築
 
Reacthelmetcontrolesspa
ReacthelmetcontrolesspaReacthelmetcontrolesspa
Reacthelmetcontrolesspa
 
オープニング
オープニングオープニング
オープニング
 
About WinJS
About WinJSAbout WinJS
About WinJS
 
Slide
SlideSlide
Slide
 
React Helmet navigates SPA
React Helmet navigates SPAReact Helmet navigates SPA
React Helmet navigates SPA
 
AngularJSを触ってみた
AngularJSを触ってみたAngularJSを触ってみた
AngularJSを触ってみた
 

Destacado (14)

20121215
2012121520121215
20121215
 
20140322
2014032220140322
20140322
 
20070310
2007031020070310
20070310
 
20110607
2011060720110607
20110607
 
20111203
2011120320111203
20111203
 
20120425
2012042520120425
20120425
 
4. многолетнемерзлые породы
4. многолетнемерзлые породы4. многолетнемерзлые породы
4. многолетнемерзлые породы
 
ニコニコアプリ開発
ニコニコアプリ開発ニコニコアプリ開発
ニコニコアプリ開発
 
フォロワーから友利奈緒を探す
フォロワーから友利奈緒を探すフォロワーから友利奈緒を探す
フォロワーから友利奈緒を探す
 
テレニコツイ
テレニコツイテレニコツイ
テレニコツイ
 
マスコットアプリ─ キャラアプリ─ 開発 with Xamarin
マスコットアプリ─ キャラアプリ─ 開発 with Xamarinマスコットアプリ─ キャラアプリ─ 開発 with Xamarin
マスコットアプリ─ キャラアプリ─ 開発 with Xamarin
 
#darukaigi
#darukaigi#darukaigi
#darukaigi
 
Azure Functions 入門
Azure Functions 入門Azure Functions 入門
Azure Functions 入門
 
Hokuriku.NET ASP.NET MVC 入門 2 回目 1.編集機能を実装
Hokuriku.NET ASP.NET MVC 入門 2 回目 1.編集機能を実装Hokuriku.NET ASP.NET MVC 入門 2 回目 1.編集機能を実装
Hokuriku.NET ASP.NET MVC 入門 2 回目 1.編集機能を実装
 

Similar a 20120616

[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
 
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
tomotoshi
 
最新 ASP.NET Web 開発オーバービュー
最新 ASP.NET Web 開発オーバービュー最新 ASP.NET Web 開発オーバービュー
最新 ASP.NET Web 開発オーバービュー
Akira Inoue
 
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
Akira Inoue
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
 

Similar a 20120616 (20)

[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
 
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発
 
Mvc conf session_1_osada
Mvc conf session_1_osadaMvc conf session_1_osada
Mvc conf session_1_osada
 
AngularJSの高速化
AngularJSの高速化AngularJSの高速化
AngularJSの高速化
 
最新 ASP.NET Web 開発オーバービュー
最新 ASP.NET Web 開発オーバービュー最新 ASP.NET Web 開発オーバービュー
最新 ASP.NET Web 開発オーバービュー
 
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
 
ASP.NET MVC プログラミング入門の入門
ASP.NET MVC プログラミング入門の入門ASP.NET MVC プログラミング入門の入門
ASP.NET MVC プログラミング入門の入門
 
20100313
2010031320100313
20100313
 
SpringBoot開発の基本
SpringBoot開発の基本SpringBoot開発の基本
SpringBoot開発の基本
 
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
 
Mvc conf session_3_takehara
Mvc conf session_3_takeharaMvc conf session_3_takehara
Mvc conf session_3_takehara
 
20100218
2010021820100218
20100218
 
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること 【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
 
ASP.NET MVC 1.0
ASP.NET MVC 1.0ASP.NET MVC 1.0
ASP.NET MVC 1.0
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
 
マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後マイクロソフトWeb開発の今と今後
マイクロソフトWeb開発の今と今後
 
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
ASP.NET vNext / Visual Studio "14" に見る .NET の未来像
 
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考えるNetラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
 
いまさら学ぶMVVMパターン
いまさら学ぶMVVMパターンいまさら学ぶMVVMパターン
いまさら学ぶMVVMパターン
 
ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)ASP.NET Core 概要(2017年3月時点)
ASP.NET Core 概要(2017年3月時点)
 

Más de 小野 修司 (20)

20100224
2010022420100224
20100224
 
20100218 lt
20100218 lt20100218 lt
20100218 lt
 
20091207
2009120720091207
20091207
 
20090711
2009071120090711
20090711
 
20090606
2009060620090606
20090606
 
20090418
2009041820090418
20090418
 
20090328
2009032820090328
20090328
 
20090212
2009021220090212
20090212
 
20081003
2008100320081003
20081003
 
20080630
2008063020080630
20080630
 
20080627 2
20080627 220080627 2
20080627 2
 
20080627 1
20080627 120080627 1
20080627 1
 
20080524
2008052420080524
20080524
 
20080213
2008021320080213
20080213
 
20080201
2008020120080201
20080201
 
20071204
2007120420071204
20071204
 
20071030
2007103020071030
20071030
 
20061125
2006112520061125
20061125
 
20061122
2006112220061122
20061122
 
20060419
2006041920060419
20060419
 

20120616

  • 1. VSUG DAY – Summer (2012.06.16) ASP.NET MVC 4 入門 どっとねっとふぁん http://blogonos.wordpress.com/ 小野 修司
  • 2. ASP.NET MVC の歴史 • v1 – ルーティング – ViewとControllerの分離 • v2 – モデルバインディング • V3 – ASP.NET 4対応 – バインディングを活かしたスキャッフォールド – Razor書式によるView • v4 (RC) – HTML5ベースのテンプレート – モバイル(スマートフォン)対応 VSUG DAY - Winter 2012.06.16
  • 3. ASP.NET MVC の基礎 • ルーティング • Controller • View • Model • フィルタ VSUG DAY - Winter 2012.06.16
  • 5. アダプティブデザイン採用 VSUG DAY - Winter 2012.06.16
  • 6. Application_Start の簡素化 VSUG DAY - Winter 2012.06.16
  • 7. モバイル向け View の作成 • View の名称に ”mobile” キーワードを追加 • DisplayModeProvider を利用し、独自キーワードの追加が可 能 DisplayModeProvider.Instance.Modes.Insert(0, new DefaultDisplayMode("iPad") { ContextCondition = (context => context.GetOverriddenUserAgent() .IndexOf("iPad", StringComparison.OrdinalIgnoreCase) >= 0) }); VSUG DAY - Winter 2012.06.16
  • 8. モバイル用テンプレート VSUG DAY - Winter 2012.06.16
  • 9. ASP.NET MVC Web API • RESTful な Web サービスを提供 – データを表す URI に対して HTTP のメソッドで操作 • GET 取得 • PUT 更新 • POST 追加 • DELETE 削除 – データ形式の標準は JSON • JQuery Mobile とのデータ連携とか VSUG DAY - Winter 2012.06.16
  • 10. ASP.NET MVC Web API の基礎 • ルーティング • Controller • View • Model • フィルタ – それぞれに実装はMVCと異なることに注意 VSUG DAY - Winter 2012.06.16
  • 11. ASP.NET MVC Web API RC 版補足 • Beta版の情報 http://channel9.msdn.com/Events/Windows-Developer-Days/Windows-Developer-Days-2012/SC-014 • スキャッフォールディング • Queryable 属性(クエリーパラメータ対応 ) • 認証エラー時のHTTPステータス:401 VSUG DAY - Winter 2012.06.16
  • 12. まとめ VSUG DAY - Winter 2012.06.16