0
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にデプロ...
WebMatrix2    http://www.microsoft.com/web/webmatrix/    マイクロソフトが提供している無償のWEBアプリケーション構築ツール        IISやAzureとの組み合わせて容易にW...
Visual Studio Express 2012 For Web    http://www.microsoft.com/visualstudio/jpn/products/visual-studio-express-     produ...
Windows Azure Web Site    先月末に正式にリリースされました!    いわゆるWEBホスティングのサービスです        HTTPサーバーはIIS 8.0, Windows Server 2012      ...
Demo
まとめ   Visual Studioはコードエディティングツールとして大変便利   NuGetでサクッとライブラリインストール   WebMatrixはコードエディティングツールとしてそこそこ優秀で、デプ    ロイメントツールとして優...
No Code, No Life.
Visual Studio 2012でSass, LESS,Coffee Scriptを使いたい    今年末公開されるロールアップである程度対応されるはず。        同時に行われるASP.NET 4.5 のロールアップでこれらに対応...
knockout.js    http://knockoutjs.com/    MVC的な何か    JavaScript MVVMフレームワーク    強力なデータバインド        まるでXAMLのようだ…    ASP....
TypeScript    http://www.typescriptlang.org/    素直にVisual Studioで使うのがいいよ!!        一応Emacsとvimの拡張とかもあるけど...    今後どうなるかよ...
Upcoming SlideShare
Loading in...5
×

Web matrix2とvisual studio

1,205

Published on

2012/11/17 静岡JavaScrp勉強会 #2での発表資料

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,205
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web matrix2とvisual studio"

  1. 1. WebMatrix2とVisual Studio 2012でJavaScript石坂忠広
  2. 2. 自己紹介 Japan Winsows Azure Users Group 静岡支部 支部長 Shizudev, 静岡ITProスタッフ http://opcdiary.net をみてね!
  3. 3. Learn, Practice, Share
  4. 4. Agenda  使うものの簡単な紹介  デモ  Azure Websiteを作成する。  WebMatrix2でHTML5 + JavaScriptなコンテンツをつくる  Azureにデプロイ  Visual Studioでコード編集  NuGetでライブラリインストール
  5. 5. 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対応など  オールインワン
  6. 6. 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サイトの開発  有償上位エディションとのプロジェクト互換性
  7. 7. 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/
  8. 8. Demo
  9. 9. まとめ Visual Studioはコードエディティングツールとして大変便利 NuGetでサクッとライブラリインストール WebMatrixはコードエディティングツールとしてそこそこ優秀で、デプ ロイメントツールとして優秀 GitのGUIツールとしてもWebMatrixが使えるよ Azure Web Siteはフリーのプランがあるよ VSとWebMatrixとWindows Azureは組み合わせて使うのが吉!
  10. 10. No Code, No Life.
  11. 11. 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」
  12. 12. knockout.js  http://knockoutjs.com/  MVC的な何か  JavaScript MVVMフレームワーク  強力なデータバインド  まるでXAMLのようだ…  ASP.NET MVC 4.5での正式サポート(予定)  ASP.NET MVCやる限り他に選択肢なし。
  13. 13. TypeScript  http://www.typescriptlang.org/  素直にVisual Studioで使うのがいいよ!!  一応Emacsとvimの拡張とかもあるけど...  今後どうなるかよくわからない。  へじタソのおもちゃ?  Roslynプロジェクトの派生物?  観測気球?  CΩと同じ匂いが...  ASP.NETのロードマップとはシンクロしてない  結局ECMA Script 6への揺さぶりなんじゃないの?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×