狠狠撸

狠狠撸Share a Scribd company logo
mvcConf @:Japan
~ ASP.NET MVC ブート キャンプ ~



    お気に入りのWeb Stack
    MVC, jQuery, HTML5
            竹原 貴司 (たけはら たかし)
            http://takepara.blogspot.com
                  Twitter @takepara
                takepara@gmail.com
Web Stack って何?
?   クライアントサイドプラットフォーム
?   サーバーサイドプラットフォーム
?   サーバー
?   OS
?   ハードウェア
?   ネットワーク
?   お金


                        2
プラットフォーム?
? サーバーサイド
? .NET Framework
                   実行ランタイム
 ? ASP.NET
   ? ASP.NET MVC
                   フレームワーク
? クライアントサイド
? HTML ブラウザ         開発言語
 ? HTML
 ? CSS
 ? JavaScript
                             3
プラットフォーム間連携
? HTTP
 ? REST
  ? GET,HEAD,POST,PUT,DELETE…
 ? SOAP
? TDS
 ? SQL Server
? CIFS
 ? ファイル共有
                                4
入力→処理→出力
        サーバーサイド                               クライアントサイド
               入力                                           入力

                                                                                   Silverlight
  URL     Request Body     外部リソース      HTML     CSS       JavaScript   JSON,XML
                                                                                  Excel/Word




               処理                                           処理

 入力データ変換                 データ操作            HTML(CSS)パース                  JavaScript実行




               出力                                           出力

HTML     XML        JSON    バイナリリソース                     ブラウザへの表示

                                                                                                 5
ASP.NETの仕組み
? ASP.NET
 ? HttpApplication Pipeline
     ? Provider Model
 ? Page Pipeline
     ?   Page Controller
     ?   Control Tree
     ?   Postback
     ?   View State
 http://msdn.microsoft.com/ja-jp/library/bb470252.aspx   http://msdn.microsoft.com/ja-jp/library/ms178472.aspx

                                                                                                                 6
HTML5の定義
“HTML5 は、プロプライエタリなプラグインとして
提供されているリッチインターネットアプリケー
ションのプラットフォーム(JavaFX、Adobe Flash、
Silverlight 等)を置き換えることを標榜しており、
ウェブアプリケーションのプラットフォームとして
の機能やマルチメディア要素が実装されている。”

        http://ja.wikipedia.org/wiki/HTML5


                                             7
Approaching HTML5

                                                              W3C                                                             ECMA
                                                                                                                              ECMA




                                                                                                                    Geoloca
    HTML                                CSS                             Web Apps                    SVG                       Script




                                                                                                             tion
                                                                                                                              262




                                                                                      Candidate
           First Public Working Draft         Working Draft     Last Call                             Recommendation
                                                                                   Recommendation




8
                       http://channel9.msdn.com/events/MIX/MIX11/HTM05
HTML5とは
? Element
? Forms
? 各種 Event と API
? パーサー
? Canvas
? Microdata        http://www.slideshare.net/dynamis/keypoints-html5-4920336

? Messaging
                                                                               9
JavaScriptとは
? ECMAScript の実装
 ? など細かい話は Google で検索
? フレームワーク
 ? jQuery
  ? jQuery Mobile
 ? Modernizr
 ? Prototype.js
 ? Mootools
                        10
サーバーサイド Stack
               ASP.NET MVC      Razor    WebForm




                                                                   WCF Data
                               ASP.NET              Code First
                                                                 Services(OData)




                                                     Entity
                     .NET Framewor(C#,LINQ…)                         WCF
                                                   Framework



  SQL Server                               IIS




                             Windows Server
                                                                                   11
クライアントサイド Stack
                                datajs
                jQuery      modernizr
                           Knockout.js




                    JavaScript
   HTML   CSS                            Silverlight   Flash
                         JSON




           Web Browser
                                                               12
Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/
                                                                                13
Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/
                                                                                14
テストについて
? Unit Test
 ? 完璧を求めると疲れるね
? スタック,機能はMocks
 ? Service Locator大活躍
? 結合はシナリオ               http://msdn.microsoft.com/ja-jp/magazine/cc163358.aspx


 ? Web システムなら Selenium とか
 ? 徐々に増やしていこう
? 継続的インテグレーション(CI)
                                                                                 15
実行環境
? オンプレミス
? クラウド
  ? IaaS
  ? PaaS
? ホスティング
http://www.datacenterknowledge.com/inside-microsofts-chicago-data-center/microsoft-chicago-center-aisle-container/




                                                                                                                     16
ASP.NET MVC3について少し
? Razor
? DependencyResolver
? HTML5 Template
 ? Mvc Html5 Template
  ? http://nuget.org/List/Packages/MvcHtml5Templates
 ? MVC Html5 Toolkit
  ? http://mvchtml5.codeplex.com/
? NuGet
                                                       17
デモアプリケーション
                    MVC             RESTful     MVVM

                                 WCF Data
 Cloud Storage   ASP.NET MVC                    HTML
                                 Services


                              Entity
     Mail                                        CSS
                           Framework


                     IIS         SQL Server   JavaScript


                       Windows Server




  External                 Server              Client
                                                           18
demo ...

           19
? 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the
         part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related Content

What's hot (20)

Google Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline APIGoogle Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline API
maruyama097
?
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
Takakiyo Tanaka
?
Open棟梁 v02-00 コンセプト
Open棟梁 v02-00 コンセプトOpen棟梁 v02-00 コンセプト
Open棟梁 v02-00 コンセプト
Daisuke Nishino
?
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョンWeb アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
?
Beginning Java EE 6 勉強会(1) #bje_study
Beginning Java EE 6 勉強会(1) #bje_studyBeginning Java EE 6 勉強会(1) #bje_study
Beginning Java EE 6 勉強会(1) #bje_study
Toshiaki Maki
?
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
?
Beginning Java EE 6 勉強会(3) #bje_study
Beginning Java EE 6 勉強会(3) #bje_studyBeginning Java EE 6 勉強会(3) #bje_study
Beginning Java EE 6 勉強会(3) #bje_study
inatus
?
[JavaOne Tokyo 2012] JavaFX and Web Integration
[JavaOne Tokyo 2012] JavaFX and Web Integration[JavaOne Tokyo 2012] JavaFX and Web Integration
[JavaOne Tokyo 2012] JavaFX and Web Integration
Kazuchika Sekiya
?
[公開用]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
?
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
Akira Inoue
?
120331 silverlight5新機能早めぐり
120331 silverlight5新機能早めぐり120331 silverlight5新機能早めぐり
120331 silverlight5新機能早めぐり
Takayoshi Tanaka
?
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
Takakiyo Tanaka
?
ついに始まるJava EE 7時代のアプリケーション開発
ついに始まるJava EE 7時代のアプリケーション開発ついに始まるJava EE 7時代のアプリケーション開発
ついに始まるJava EE 7時代のアプリケーション開発
Takakiyo Tanaka
?
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
?
JJUG 11月ナイトセミナー CDIをはじめよう
JJUG 11月ナイトセミナー CDIをはじめようJJUG 11月ナイトセミナー CDIをはじめよう
JJUG 11月ナイトセミナー CDIをはじめよう
Norito Agetsuma
?
One ASP.NET の今とこれから
One ASP.NET の今とこれからOne ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
?
Java on Microsoft Azure
Java on Microsoft AzureJava on Microsoft Azure
Java on Microsoft Azure
Yoshio Terada
?
WebSphere Application Server V8.5.5 Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
WebSphere Application Server V8.5.5Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51WebSphere Application Server V8.5.5Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
WebSphere Application Server V8.5.5 Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
Takakiyo Tanaka
?
Google Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline APIGoogle Compute EngineとGAE Pipeline API
Google Compute EngineとGAE Pipeline API
maruyama097
?
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
いよいよ始められる Java EEて?のWebSocket #jjug #jjug_ccc #ccc_r21
Takakiyo Tanaka
?
Open棟梁 v02-00 コンセプト
Open棟梁 v02-00 コンセプトOpen棟梁 v02-00 コンセプト
Open棟梁 v02-00 コンセプト
Daisuke Nishino
?
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョンWeb アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
?
Beginning Java EE 6 勉強会(1) #bje_study
Beginning Java EE 6 勉強会(1) #bje_studyBeginning Java EE 6 勉強会(1) #bje_study
Beginning Java EE 6 勉強会(1) #bje_study
Toshiaki Maki
?
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
?
Beginning Java EE 6 勉強会(3) #bje_study
Beginning Java EE 6 勉強会(3) #bje_studyBeginning Java EE 6 勉強会(3) #bje_study
Beginning Java EE 6 勉強会(3) #bje_study
inatus
?
[JavaOne Tokyo 2012] JavaFX and Web Integration
[JavaOne Tokyo 2012] JavaFX and Web Integration[JavaOne Tokyo 2012] JavaFX and Web Integration
[JavaOne Tokyo 2012] JavaFX and Web Integration
Kazuchika Sekiya
?
[公開用]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
?
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
~ Cloud First から Cloud Optimized へ ~ .NET on Cloud が描くモダナイゼーション
Akira Inoue
?
120331 silverlight5新機能早めぐり
120331 silverlight5新機能早めぐり120331 silverlight5新機能早めぐり
120331 silverlight5新機能早めぐり
Takayoshi Tanaka
?
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
JJUG CCC 2015 Spring: Liberty Profile Technical Deepdive:IBMの新しいアプリケーションサーバーの...
Takakiyo Tanaka
?
ついに始まるJava EE 7時代のアプリケーション開発
ついに始まるJava EE 7時代のアプリケーション開発ついに始まるJava EE 7時代のアプリケーション開発
ついに始まるJava EE 7時代のアプリケーション開発
Takakiyo Tanaka
?
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
?
JJUG 11月ナイトセミナー CDIをはじめよう
JJUG 11月ナイトセミナー CDIをはじめようJJUG 11月ナイトセミナー CDIをはじめよう
JJUG 11月ナイトセミナー CDIをはじめよう
Norito Agetsuma
?
One ASP.NET の今とこれから
One ASP.NET の今とこれからOne ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
?
Java on Microsoft Azure
Java on Microsoft AzureJava on Microsoft Azure
Java on Microsoft Azure
Yoshio Terada
?
WebSphere Application Server V8.5.5 Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
WebSphere Application Server V8.5.5Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51WebSphere Application Server V8.5.5Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
WebSphere Application Server V8.5.5 Libertyプロファイルのご紹介 #jjug_ccc #ccc_r51
Takakiyo Tanaka
?

Similar to Mvc conf session_3_takehara (20)

マイクロソフト奥别产开発の今と今后
マイクロソフト奥别产开発の今と今后マイクロソフト奥别产开発の今と今后
マイクロソフト奥别产开発の今と今后
Akira Inoue
?
Mvc conf session_1_osada
Mvc conf session_1_osadaMvc conf session_1_osada
Mvc conf session_1_osada
Hiroshi Okunushi
?
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
?
Web on Kernel
Web on KernelWeb on Kernel
Web on Kernel
dynamis
?
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
Akira Inoue
?
础厂笔.狈贰罢习得の最短経路を考察する
础厂笔.狈贰罢习得の最短経路を考察する础厂笔.狈贰罢习得の最短経路を考察する
础厂笔.狈贰罢习得の最短経路を考察する
Masaki Takeda
?
Google Compute EngineとPipe API
Google Compute EngineとPipe APIGoogle Compute EngineとPipe API
Google Compute EngineとPipe API
maruyama097
?
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
?
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
?
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 の未来像
Akira Inoue
?
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
Developers Summit
?
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
Akira Inoue
?
マイクロソフト奥别产开発の今と今后
マイクロソフト奥别产开発の今と今后マイクロソフト奥别产开発の今と今后
マイクロソフト奥别产开発の今と今后
Akira Inoue
?
jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発jQuery と MVC で実践する標準志向 Web 開発
jQuery と MVC で実践する標準志向 Web 開発
Akira Inoue
?
Web on Kernel
Web on KernelWeb on Kernel
Web on Kernel
dynamis
?
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後
Akira Inoue
?
础厂笔.狈贰罢习得の最短経路を考察する
础厂笔.狈贰罢习得の最短経路を考察する础厂笔.狈贰罢习得の最短経路を考察する
础厂笔.狈贰罢习得の最短経路を考察する
Masaki Takeda
?
Google Compute EngineとPipe API
Google Compute EngineとPipe APIGoogle Compute EngineとPipe API
Google Compute EngineとPipe API
maruyama097
?
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
?
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 の未来像
Akira Inoue
?
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
19-顿-2冲业务システム特化型搁滨础「狈别虫补飞别产」
Developers Summit
?
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート.NET の過去、現在、そして未来 ~ .NET 最新アップデート
.NET の過去、現在、そして未来 ~ .NET 最新アップデート
Akira Inoue
?

Mvc conf session_3_takehara

  • 1. mvcConf @:Japan ~ ASP.NET MVC ブート キャンプ ~ お気に入りのWeb Stack MVC, jQuery, HTML5 竹原 貴司 (たけはら たかし) http://takepara.blogspot.com Twitter @takepara takepara@gmail.com
  • 2. Web Stack って何? ? クライアントサイドプラットフォーム ? サーバーサイドプラットフォーム ? サーバー ? OS ? ハードウェア ? ネットワーク ? お金 2
  • 3. プラットフォーム? ? サーバーサイド ? .NET Framework 実行ランタイム ? ASP.NET ? ASP.NET MVC フレームワーク ? クライアントサイド ? HTML ブラウザ 開発言語 ? HTML ? CSS ? JavaScript 3
  • 4. プラットフォーム間連携 ? HTTP ? REST ? GET,HEAD,POST,PUT,DELETE… ? SOAP ? TDS ? SQL Server ? CIFS ? ファイル共有 4
  • 5. 入力→処理→出力 サーバーサイド クライアントサイド 入力 入力 Silverlight URL Request Body 外部リソース HTML CSS JavaScript JSON,XML Excel/Word 処理 処理 入力データ変換 データ操作 HTML(CSS)パース JavaScript実行 出力 出力 HTML XML JSON バイナリリソース ブラウザへの表示 5
  • 6. ASP.NETの仕組み ? ASP.NET ? HttpApplication Pipeline ? Provider Model ? Page Pipeline ? Page Controller ? Control Tree ? Postback ? View State http://msdn.microsoft.com/ja-jp/library/bb470252.aspx http://msdn.microsoft.com/ja-jp/library/ms178472.aspx 6
  • 7. HTML5の定義 “HTML5 は、プロプライエタリなプラグインとして 提供されているリッチインターネットアプリケー ションのプラットフォーム(JavaFX、Adobe Flash、 Silverlight 等)を置き換えることを標榜しており、 ウェブアプリケーションのプラットフォームとして の機能やマルチメディア要素が実装されている。” http://ja.wikipedia.org/wiki/HTML5 7
  • 8. Approaching HTML5 W3C ECMA ECMA Geoloca HTML CSS Web Apps SVG Script tion 262 Candidate First Public Working Draft Working Draft Last Call Recommendation Recommendation 8 http://channel9.msdn.com/events/MIX/MIX11/HTM05
  • 9. HTML5とは ? Element ? Forms ? 各種 Event と API ? パーサー ? Canvas ? Microdata http://www.slideshare.net/dynamis/keypoints-html5-4920336 ? Messaging 9
  • 10. JavaScriptとは ? ECMAScript の実装 ? など細かい話は Google で検索 ? フレームワーク ? jQuery ? jQuery Mobile ? Modernizr ? Prototype.js ? Mootools 10
  • 11. サーバーサイド Stack ASP.NET MVC Razor WebForm WCF Data ASP.NET Code First Services(OData) Entity .NET Framewor(C#,LINQ…) WCF Framework SQL Server IIS Windows Server 11
  • 12. クライアントサイド Stack datajs jQuery modernizr Knockout.js JavaScript HTML CSS Silverlight Flash JSON Web Browser 12
  • 13. Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/ 13
  • 14. Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/ 14
  • 15. テストについて ? Unit Test ? 完璧を求めると疲れるね ? スタック,機能はMocks ? Service Locator大活躍 ? 結合はシナリオ http://msdn.microsoft.com/ja-jp/magazine/cc163358.aspx ? Web システムなら Selenium とか ? 徐々に増やしていこう ? 継続的インテグレーション(CI) 15
  • 16. 実行環境 ? オンプレミス ? クラウド ? IaaS ? PaaS ? ホスティング http://www.datacenterknowledge.com/inside-microsofts-chicago-data-center/microsoft-chicago-center-aisle-container/ 16
  • 17. ASP.NET MVC3について少し ? Razor ? DependencyResolver ? HTML5 Template ? Mvc Html5 Template ? http://nuget.org/List/Packages/MvcHtml5Templates ? MVC Html5 Toolkit ? http://mvchtml5.codeplex.com/ ? NuGet 17
  • 18. デモアプリケーション MVC RESTful MVVM WCF Data Cloud Storage ASP.NET MVC HTML Services Entity Mail CSS Framework IIS SQL Server JavaScript Windows Server External Server Client 18
  • 19. demo ... 19
  • 20. ? 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.