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

入力→処理→出力

5

出力

HTML XML JSON バイナリリソース

処理

入力データ変換 データ操作

入力

URL Request Body 外部リソース

出力

ブラウザへの表示

処理

HTML(CSS)パース JavaScript実行

入力

HTML CSS JavaScript JSON,XML Silverlight

Excel/Word

サーバーサイド クライアントサイド

ASP.NETの仕組み

ASP.NET HttpApplication Pipeline Provider Model

Page Pipeline Page Controller Control Tree Postback View State

6

http://msdn.microsoft.com/ja-jp/library/bb470252.aspx http://msdn.microsoft.com/ja-jp/library/ms178472.aspx

HTML5の定義

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

7

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

Approaching HTML5

8

W3C HTML CSS Web Apps SVG

Geolo

ca

tion

ECMA

ECMA

Script

262

First Public Working Draft Working Draft Last Call Candidate

Recommendation Recommendation

http://channel9.msdn.com/events/MIX/MIX11/HTM05

HTML5とは

Element Forms 各種 Event と API パーサー Canvas Microdata Messaging

9

http://www.slideshare.net/dynamis/keypoints-html5-4920336

JavaScriptとは

ECMAScript の実装 など細かい話は Google で検索

フレームワーク jQuery jQuery Mobile

Modernizr Prototype.js Mootools

10

サーバーサイド Stack

11

Windows Server

SQL Server IIS

.NET Framewor(C#,LINQ…)

ASP.NET

ASP.NET MVC Razor WebForm

Entity

Framework

Code First

WCF

WCF Data

Services(OData)

クライアントサイド Stack

12

Web Browser

HTML CSS JavaScript

JSON

jQuery

datajs

modernizr

Knockout.js

Silverlight Flash

13 Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/

14 Architecture Center - MSDN - http://msdn.microsoft.com/es-es/architecture/en/

テストについて

Unit Test 完璧を求めると疲れるね

スタック,機能はMocks Service Locator大活躍

結合はシナリオ Web システムなら Selenium とか 徐々に増やしていこう

継続的インテグレーション(CI) 15

http://msdn.microsoft.com/ja-jp/magazine/cc163358.aspx

実行環境

オンプレミス クラウド IaaS PaaS

ホスティング

16

http://www.datacenterknowledge.com/inside-microsofts-chicago-data-center/microsoft-chicago-center-aisle-container/

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

IIS

Cloud Storage

Mail

ASP.NET MVC WCF Data Services HTML

CSS Entity

Framework

SQL Server JavaScript

MVC RESTful MVVM

External Server Client

Windows Server

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.