Visual Web Developer 2010 とExpression Web 4 で構築するHTML5 と JavaScript日本マイクロソフト株式会社デベロッパー & プラットフォーム統括本部Web プラットフォーム推進部物江 修Bl...
Web の進化とともに増える続けるコーディング量
コーディング作業を軽減するツール                   4
5
Visual Web Developer とExpression Web の入力支援機能∙インテリセンス• 入力中のタグやコードを自動で入力補完∙ターゲットスキーマ• HTML のバージョンに則した記述をチェック∙コード スニペット• コード ...
Visual Web Developer のJavaScript デバッグ機能ブレーク                     スクリプトポイント                     ドキュメント  ツールヒント  による変数の   ウォッ...
Expression Web のさまざまな検証、レポーティングツール複数ブラウザー                HTML デザインツール の描画比較             複数のブラウザーエンジンでの                プレビュ...
HTML 5 への対応状況
Visual Web Developer とExpression Web を使用したWeb コンテンツの作成
まとめ
参考情報 #1∙Visual Studio Express ◉ http://www.microsoft.com/japan/msdn/vstudio/expr   ess/∙Web Platform Installer ◉ http://ww...
参考情報 #2∙Visual Studio 2010 Code Snippets for use with jQuery ◉ http://jquerysnippets.codeplex.com/∙HTML 5 Intellisense for...
参考情報 #3∙WebMatrix◉ http://www.microsoft.com/web/webmatrix/∙Web ホスティングギャラリー◉ http://www.microsoft.com/web/hosting/home∙WebS...
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be reg...
 Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript
Upcoming SlideShare
Loading in …5
×

Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript

4,568 views

Published on

Published in: Technology, Business
  • Be the first to comment

Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScript

  1. 1. Visual Web Developer 2010 とExpression Web 4 で構築するHTML5 と JavaScript日本マイクロソフト株式会社デベロッパー & プラットフォーム統括本部Web プラットフォーム推進部物江 修Blog: http://blogs.msdn.com/osamum/Twitter : osamum_MS
  2. 2. Web の進化とともに増える続けるコーディング量
  3. 3. コーディング作業を軽減するツール 4
  4. 4. 5
  5. 5. Visual Web Developer とExpression Web の入力支援機能∙インテリセンス• 入力中のタグやコードを自動で入力補完∙ターゲットスキーマ• HTML のバージョンに則した記述をチェック∙コード スニペット• コード ブロックのひな形を簡単に挿入• カスタム スニペットを作成して拡張可能
  6. 6. Visual Web Developer のJavaScript デバッグ機能ブレーク スクリプトポイント ドキュメント ツールヒント による変数の ウォッチ イミディエイト ウィンドウ ウォッチ ブレークウィンドウ ポイント一覧
  7. 7. Expression Web のさまざまな検証、レポーティングツール複数ブラウザー HTML デザインツール の描画比較 複数のブラウザーエンジンでの プレビュー機能アクセシビリティ互換性、SEO 等の レポート
  8. 8. HTML 5 への対応状況
  9. 9. Visual Web Developer とExpression Web を使用したWeb コンテンツの作成
  10. 10. まとめ
  11. 11. 参考情報 #1∙Visual Studio Express ◉ http://www.microsoft.com/japan/msdn/vstudio/expr ess/∙Web Platform Installer ◉ http://www.microsoft.com/web/downloads/platform. aspx∙monoes blog『Visual Web Developer 2010 Express (無償) のインストール方法』 ◉ http://blogs.msdn.com/b/osamum/archive/2011/02/ 18/visual-web-developer-2010-express.aspx∙Expression Web ◉ http://www.microsoft.com/japan/products/expressio n/products/web_overview.aspx 14
  12. 12. 参考情報 #2∙Visual Studio 2010 Code Snippets for use with jQuery ◉ http://jquerysnippets.codeplex.com/∙HTML 5 Intellisense for Visual Studio 2010 and 2008 ◉ http://visualstudiogallery.msdn.microsoft.com/ja-JP/d771cbc8- d60a-40b0-a1d8-f19fc393127d∙SVG Intellisense schema for Visual Studio 2010 and 2008 ◉ http://visualstudiogallery.msdn.microsoft.com/ja-jp/22479d6b- 42d5-499f-b501-18e90e579540∙CSS 3 Intellisense Schema ◉ http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b- 4a32-be2d-e797be0db210/ 15
  13. 13. 参考情報 #3∙WebMatrix◉ http://www.microsoft.com/web/webmatrix/∙Web ホスティングギャラリー◉ http://www.microsoft.com/web/hosting/home∙WebSiteSpark (Web 制作会社支援プログ ラム)◉ http://www.winserver.ne.jp/websitespark/ 16
  14. 14. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 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 marketconditions, 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.

×