web matrix2とvisual studio

WebMatrix2とVisual Studio 2012でJavaScript石坂忠広

自己紹介

Japan Winsows Azure Users Group

静岡支部 支部長

Shizudev， 静岡ITProスタッフ

http://opcdiary.net をみてね！

Learn, Practice, Share

Agenda

使うものの簡単な紹介

デモ

Azure Websiteを作成する。

WebMatrix2でHTML5 + JavaScriptなコンテンツをつくる

Azureにデプロイ

Visual Studioでコード編集

NuGetでライブラリインストール

WebMatrix2

http://www.microsoft.com/web/webmatrix/

マイクロソフトが提供している無償のWEBアプリケーション構築ツール

IISやAzureとの組み合わせて容易にWebアプリケーションの構築が可能

数クリックでWordPressをクラウドにデプロイ！

主要な言語環境をサポート

ASP.NET Web Pages, PHP, HTML5, node.js

Windows Azure Web Siteへの対応

モバイル開発

iOSデバイス、Windows Phoneに対応したデバッグ環境

拡張機能

node.jsのでバッグ、Git対応など

オールインワン

Visual Studio Express 2012 For Web

http://www.microsoft.com/visualstudio/jpn/products/visual-studio-express-products

Web開発向けVisual Studioの無償Edition

基本的なVisual Studioの機能を全て持っている

インテリセンス、ユニットテストなど

拡張機能の使用や高度なテスト機能、プロファイリング機能に制限

HTML5/CSS3への対応

HTML5/CSS3でのインテリセンス対応

ECMA Script v5のサポート

インテリセンスの対応

デバッグ機能

Page Inspector

ASP.NET、WCF、一般的なWebサイトの開発

有償上位エディションとのプロジェクト互換性

Windows Azure Web Site

先月末に正式にリリースされました！

いわゆるWEBホスティングのサービスです

HTTPサーバーはIIS 8.0, Windows Server 2012

様々な環境をサポート

ASP.NET(4.5), PHP, node.js, python(Django 4)

オープンソースからはじめる

WordPress, Joomla!, Drupal, DotNetJuke, Umbarcoなどが予めテンプレートとして用意されている

数回クリック、数秒で運用開始できる

Visual Studio, WebMatrix2, Git, FTPによるサイト保守、デプロイ

10サイトまで無料のプランあり

http://www.windowsazure.com/ja-jp/home/features/web-sites/

Demo

まとめ

Visual Studioはコードエディティングツールとして大変便利

NuGetでサクッとライブラリインストール

WebMatrixはコードエディティングツールとしてそこそこ優秀で、デプロイメントツールとして優秀

GitのGUIツールとしてもWebMatrixが使えるよ

Azure Web Siteはフリーのプランがあるよ

VSとWebMatrixとWindows Azureは組み合わせて使うのが吉！

No Code, No Life.

Visual Studio 2012でSass, LESS,

Coffee Scriptを使いたい

今年末公開されるロールアップである程度対応されるはず。

同時に行われるASP.NET 4.5 のロールアップでこれらに対応される予定なので、一般的なWEBプロジェクトでも対応されるはず

今すぐ使いたい、もしくはVisual Studio 2010の人は拡張機能であるMindscape Web Workbenchを使用する。

http://visualstudiogallery.msdn.microsoft.com/2b96d16a-c986-4501-

8f97-8008f9db141a

残念ながらExpress Editionは使用できない

WebMatrix2のOrangeBits Compilerを使う。

窓の杜 - 【REVIEW】「WebMatrix」でLESS、Sass/SCSS、CoffeeScriptを利用可能に「OrangeBits Compiler」

knockout.js

http://knockoutjs.com/

MVC的な何か

JavaScript MVVMフレームワーク

強力なデータバインド

まるでXAMLのようだ…

ASP.NET MVC 4.5での正式サポート(予定)

ASP.NET MVCやる限り他に選択肢なし。

TypeScript

http://www.typescriptlang.org/

素直にVisual Studioで使うのがいいよ！！

一応Emacsとvimの拡張とかもあるけど...

今後どうなるかよくわからない。

へじタソのおもちゃ？

Roslynプロジェクトの派生物？

観測気球？

CΩと同じ匂いが...

ASP.NETのロードマップとはシンクロしてない

結局ECMA Script 6への揺さぶりなんじゃないの？