![F12 開発者ツール
• [F12] キーで起動
• Internet Explorer 9 標準搭載
• オンライン上のコンテンツも
デバッグ可能](https://image.slidesharecdn.com/vs2010html5yahoo-110831020034-phpapp02/85/3-MS-HTML5-JavaScript-Web-17-320.jpg)
![参考情報 #3
• Internet Explorer 9 ダウンロード
http://windows.microsoft.com/ja-JP/internet-
explorer/downloads/ie-9/worldwide-languages
• Internet Explorer デベロッパーセンター
http://msdn.microsoft.com/ja-jp/ie/
• monoe’s blog -「使ってみよう [F21]
開発者ツール」
http://blogs.msdn.com/b/osamum/archive/tags/_8
b957a760580c430fc30eb30_/
• Microsoft /Web
http://www.microsoft.com/web/](https://image.slidesharecdn.com/vs2010html5yahoo-110831020034-phpapp02/85/3-MS-HTML5-JavaScript-Web-23-320.jpg)
3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使ったWeb 作成
- 1. 3 倍早い?! MS 製開発者専用ツールによる HTML5 + JavaScript を使った Web 作成 日本マイクロソフト株式会社 デベロッパー & プラットフォーム統括本部 Web プラットフォーム推進部 物江 修 Blog: http://blogs.msdn.com/osamum/ Twitter : osamum_MS
- 6. F12 開発者ツール
- 8. • Web サーバー上で動作する Web アプリケーション • 開発環境の HTML デザイナに強力な 入力支援機能
- 9. Visual Studio 2010 の入力支援機能 • インテリセンス • コード スニペット Tab キー 押下
- 10. Visual Studio 2010 の検証機能 • ターゲットスキーマ • アクセシビリティ検証 ※ Premium Edition 以上
- 11. Visual Studio 2010 の JavaScript デバッグ機能 ブレーク スクリプト ポイント ドキュメント ツールヒント による変数の ウォッチ イミディエイト ウィンドウ ウォッチ ブレーク ウィンドウ ポイント一覧
- 12. HTML 5 への対応状況 ＋ ＋ =
- 13. ～ 入力支援機能 ～
- 14. • Web オーサリングツール • Web 作成者に使いやすい UI • Web 作成のプロフェッショナル向けの機能 • HTML5 には SP1 で対応
- 15. さまざまな 検証、レポーティングツールと 強力なプレビュー機能 複数ブラウザー HTML デザインツール の描画比較 複数のブラウザーエンジンでの プレビュー機能 アクセシビリティ 互換性、SEO 等の レポート
- 16. ～ Super Preview ～
- 17. F12 開発者ツール • [F12] キーで起動 • Internet Explorer 9 標準搭載 • オンライン上のコンテンツも デバッグ可能
- 18. Internet Explorer 9 F12 開発者ツールの機能 エレメント情報 の表示 HTTP キャプチャ HTML、CSS の編集 JavaScript の デバッグ 互換性のチェック
- 19. F12 開発者ツール ～ 基本機能紹介 ～
- 20. まとめ 開発者ツール
- 21. 参考情報 #1 • Microsoft Visual Studio ホームページ – http://www.microsoft.com/japan/msdn/vstudio/ • Visual Studio 2010 Service Pack 1 に ついて (技術情報) – http://www.microsoft.com/downloads/ja- jp/details.aspx?FamilyID=75568aa6-8107-475d- 948a-ef22627e57a5&displayLang=ja • Web Standards Update for Microsoft Visual Studio 2010 SP1 – http://visualstudiogallery.msdn.microsoft.com/a1 5c3ce9-f58f-42b7-8668-53f6cdc2cd83
- 22. 参考情報 #2 • Microsoft Expression Web 4 http://www.microsoft.com/japan/products/expressio n/products/web_overview.aspx/ • Microsoft Expression Web 4 Service Pack 1 (SP1) http://www.microsoft.com/downloads/ja- jp/details.aspx?FamilyID=f6e1bbd9-2b1b-40e8- 948b-1276e3b5daa3&displayLang=ja
- 23. 参考情報 #3 • Internet Explorer 9 ダウンロード http://windows.microsoft.com/ja-JP/internet- explorer/downloads/ie-9/worldwide-languages • Internet Explorer デベロッパーセンター http://msdn.microsoft.com/ja-jp/ie/ • monoe’s blog -「使ってみよう [F21] 開発者ツール」 http://blogs.msdn.com/b/osamum/archive/tags/_8 b957a760580c430fc30eb30_/ • Microsoft /Web http://www.microsoft.com/web/
- 24. © 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 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.