狠狠撸

WebMatrix2と
Visual Studio 2012で
JavaScript
石坂忠広

自己紹介

? Japan Winsows Azure Users Group
静岡支部支部長
? Shizudev，静岡ITProスタッフ
? http://opcdiary.net をみてね！

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/

まとめ

? Visual Studioはコードエディティングツールとして大変便利
? NuGetでサクッとライブラリインストール
? WebMatrixはコードエディティングツールとしてそこそこ優秀で、デプ
ロイメントツールとして優秀
? GitのGUIツールとしてもWebMatrixが使えるよ
? Azure Web Siteはフリーのプランがあるよ
? VSとWebMatrixとWindows Azureは組み合わせて使うのが吉！

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への揺さぶりなんじゃないの？

狠狠撸

Web matrix2とvisual studio

Recommended

More Related Content

What's hot (20)

Similar to Web matrix2とvisual studio (20)

More from Tadahiro Ishisaka (20)

Recently uploaded (8)

Web matrix2とvisual studio