Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Windows 10 の あたらしい
Web ブラウザー について
日本マイクロソフト株式会社
デベロッパーエバンジェリズム統括本部
物江 修 (@osamum_MS)
アジェンダ
•Window 10 の Web ブラウザー
•Internet Explorer
•Edge
Windows 10 の Web ブラウザー
~ 2 つの Web ブラウザーが搭載 ~
Windows 10
Internet Explorer
Edge
Windows 10 の Internet Explorer
• Windows 8.1、7 と同じもの
• 旧バージョンとの互換性目的
• マイナーアップデートはされる
Microsoft Edge
~新規に開発された Web ブラウザー~
Edge
• 他の Web ブラウザーとの相互運用性
• Web 標準
• Windows 10 のエクスペリエンス
• 既定の Web ブラウザー
MICROSOFT CONFIDENTIAL
TheMobileWeb
Web 標準準拠と他ブラウザ互換
~Spartan の目指すところ~
A break from the past,
220k+
Unique LoC Removed
6 document modes
300+ APIs removed
300k+
Unique LoC Added
49 New Major Fea...
旧「IE 対応」と Edge のジレンマ
~旧 IE 向けのコンテンツは正しく動作しない~
If(userAgent==“MSIE”)||(userAgent==?)
旧 Internet Explorer か
未知のブラウザー向け
コンテンツ
Edge モードの userAgent
~旧 IE 用コンテンツの弊害回避~
Mozilla/5.0 (Windows NT 6.4; WOW64)
AppleWebkit/537.36 (KHTML, like Gecko)
Chrome/3...
Edge モードの userAgent
~旧 IE 用コンテンツの弊害回避~
Mozilla/5.0 (Windows NT 6.4; WOW64)
AppleWebkit/537.36 (KHTML, like Gecko)
Chrome/3...
EdgeとInternet Explorer(1/2)
~ 異なるレンダリングエンジン~
EdgeHTML.dll MSHTML.dll
相互運用性
既定のブラウザ
モダン Web サイト向け
集中を妨げない画面、注
釈、Cortana 統合の...
Trident
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
Trident
Quirks Strict
!DOCTYPE
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
HTML4, ES3, CSS2
Trident
!DOCTYPE
1995
3 41 2 5.5 65 7 84.x 9
2015
9 10 11
Quirks Strict
1995
HTML4, ES3, CSS2
Trident
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
x-ua-compatible
!DOCTYPE
1995
3 41 2 5.5 65 7 84.x 9
2015
9 1...
3
Trident
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
IE9
Standards
Mode
x-ua-compatible
!DOCTYPE
1995
41 2 5.5 6...
Trident
IE5
Quirks
IE7
Compatibility
View
IE8
Standards
Mode
IE9
Standards
Mode
QME
Quirks Mode
Emulation
IE10
Standards
M...
1995
3 41 2 5.5 65 7 84.x
Trident
IE5
Quirks
IE7
Compat View
IE8
Standards
Mode
9
IE9
Standards
Mode
IE10
Standards
Mode
Q...
Firefox
Gecko
Evergreen
Chrome
Blink
Evergreen
Evergreen
Microsoft EdgeHTML
Project Spartan(Edge)
Microsoft Edge 拡張機能
~ 旧バージョンの Internet Explorer との互換性はない ~
• ActiveX
• VBScript
• Browser Helper Objects (BHO)
• Vector Ma...
Web サイトの Edge 対応
• ドキュメントモードを使用しない
• 新しい JS ライブラリ/フレームワークを使用する
• ブラウザープラグインを使用しない
• CSS ベンダープレフィックスを使用しない
• ブラウザーの検出を使用しない...
EdgeとInternet Explorer
~ 異なる互換性への方向性~
クロスブラウザ 旧 IE 互換
• ドキュメントモード
• エンタープライズ
モード
• ActiveX
旧 IE への互換機能は
サポートされない
マイナーアップ
デ...
相互運用性への意気込み
In cases where these changes necessarily differ
from standards, we’re following through with
standards bodies ...
Edge の Windows 10
エクスペリエンス
ペン/マーカー クリップ Cortana 統合
注釈 リーディングリスト
(オフライン)
共有
あたらしくサポートされる機能
Edge : Platform Status
~新しい機能実装状況が公開~
Experimental features の有効化
~先行実装された機能を使用可能に~
アドレスバーに以下を入力
about:flags
ご提案、フィードバッグを
募集しています。
Internet Explorer Platform Suggestion Box!
IE development discussions from MSDN forums
Internet Expl...
さ既存資産との互換 最新の Web 標準
後方互換と
最新機能サポートの両立
まとめ
Windows 10
参考 1/3
https://status.modern.ie/
http://dev.modern.ie/platform/status/
Internet Explorer のロードマップ
Edge のロードマップ
参考 2/3
https://msdn.microsoft.com/ja-
jp/library/dn904191(v=vs.85).aspx
Windows 10 版 Project Spartan 開発者向けガイド
(Technical P...
参考 3/3
monoe’s blog
bit.ly/monoe_blog
Windows 10 の あたらしい Web ブラウザー について
Upcoming SlideShare
Loading in …5
×

Windows 10 の あたらしい Web ブラウザー について

113,518 views

Published on

Window 10 に搭載される Internet Explorer と Edge について説明するスライドです。
以下の解説記事も合わせてご覧くださいませ。
Edge と IE:まるっと理解する、Windows 10 搭載に搭載される Web ブラウザーについて
http://blogs.msdn.com/b/osamum/archive/2015/08/07/about-windows-10-s-new-web-browsers.aspx

Published in: Technology

Windows 10 の あたらしい Web ブラウザー について

  1. 1. Windows 10 の あたらしい Web ブラウザー について 日本マイクロソフト株式会社 デベロッパーエバンジェリズム統括本部 物江 修 (@osamum_MS)
  2. 2. アジェンダ •Window 10 の Web ブラウザー •Internet Explorer •Edge
  3. 3. Windows 10 の Web ブラウザー ~ 2 つの Web ブラウザーが搭載 ~ Windows 10 Internet Explorer Edge
  4. 4. Windows 10 の Internet Explorer • Windows 8.1、7 と同じもの • 旧バージョンとの互換性目的 • マイナーアップデートはされる
  5. 5. Microsoft Edge ~新規に開発された Web ブラウザー~ Edge • 他の Web ブラウザーとの相互運用性 • Web 標準 • Windows 10 のエクスペリエンス • 既定の Web ブラウザー
  6. 6. MICROSOFT CONFIDENTIAL TheMobileWeb Web 標準準拠と他ブラウザ互換 ~Spartan の目指すところ~
  7. 7. A break from the past, 220k+ Unique LoC Removed 6 document modes 300+ APIs removed 300k+ Unique LoC Added 49 New Major Features 4200+ Interop Fix
  8. 8. 旧「IE 対応」と Edge のジレンマ ~旧 IE 向けのコンテンツは正しく動作しない~ If(userAgent==“MSIE”)||(userAgent==?) 旧 Internet Explorer か 未知のブラウザー向け コンテンツ
  9. 9. Edge モードの userAgent ~旧 IE 用コンテンツの弊害回避~ Mozilla/5.0 (Windows NT 6.4; WOW64) AppleWebkit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.143 Safari/537.36 Edge/12.0
  10. 10. Edge モードの userAgent ~旧 IE 用コンテンツの弊害回避~ Mozilla/5.0 (Windows NT 6.4; WOW64) AppleWebkit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.143 Safari/537.36 Edge/12.0 え、なんすか?
  11. 11. EdgeとInternet Explorer(1/2) ~ 異なるレンダリングエンジン~ EdgeHTML.dll MSHTML.dll 相互運用性 既定のブラウザ モダン Web サイト向け 集中を妨げない画面、注 釈、Cortana 統合のような ユニークなユーザー体験 互換性 主にイントラネットか エンタープライズモード サイト IE11 IE10 IE9 IE8 IE7 IE5.5 ★ Edge
  12. 12. Trident 1995 3 41 2 5.5 65 7 84.x 9 2015 9 10 11
  13. 13. Trident Quirks Strict !DOCTYPE 1995 3 41 2 5.5 65 7 84.x 9 2015 9 10 11 HTML4, ES3, CSS2
  14. 14. Trident !DOCTYPE 1995 3 41 2 5.5 65 7 84.x 9 2015 9 10 11 Quirks Strict 1995 HTML4, ES3, CSS2
  15. 15. Trident IE5 Quirks IE7 Compatibility View IE8 Standards Mode x-ua-compatible !DOCTYPE 1995 3 41 2 5.5 65 7 84.x 9 2015 9 10 11 CSS2.1HTML4, ES3, CSS2
  16. 16. 3 Trident IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE9 Standards Mode x-ua-compatible !DOCTYPE 1995 41 2 5.5 65 7 84.x 9 2015 9 10 11 CSS2.1 HTML5, SVG, ES5HTML4, ES3, CSS2
  17. 17. Trident IE5 Quirks IE7 Compatibility View IE8 Standards Mode IE9 Standards Mode QME Quirks Mode Emulation IE10 Standards Mode x-ua-compatible !DOCTYPE 1995 3 41 2 5.5 65 7 84.x 9 2015 9 10 11 CSS2.1 HTML5, SVG, ES5, CSS3HTML4, ES3, CSS2
  18. 18. 1995 3 41 2 5.5 65 7 84.x Trident IE5 Quirks IE7 Compat View IE8 Standards Mode 9 IE9 Standards Mode IE10 Standards Mode QME Quirks Mode Emulation 2015 9 10 11 x-ua-compatible !DOCTYPE IE11 Standards Mode EMIE Enterprise Mode Legacy Web CSS2.1 Modern Web HTML5, SVG, ES5, CSS3HTML4, ES3, CSS2
  19. 19. Firefox Gecko Evergreen
  20. 20. Chrome Blink Evergreen
  21. 21. Evergreen Microsoft EdgeHTML Project Spartan(Edge)
  22. 22. Microsoft Edge 拡張機能 ~ 旧バージョンの Internet Explorer との互換性はない ~ • ActiveX • VBScript • Browser Helper Objects (BHO) • Vector Markup Language (VML) • DirectX Filters and Transitions • Flash • Acrobat(pdf) • JavaScript ベースの 新しい拡張モデル(予定) • Chrome、Firefox の プラグイン (予定) 廃止 有効
  23. 23. Web サイトの Edge 対応 • ドキュメントモードを使用しない • 新しい JS ライブラリ/フレームワークを使用する • ブラウザープラグインを使用しない • CSS ベンダープレフィックスを使用しない • ブラウザーの検出を使用しない • 条件付きコメント http://dev.modern.ie/tools/
  24. 24. EdgeとInternet Explorer ~ 異なる互換性への方向性~ クロスブラウザ 旧 IE 互換 • ドキュメントモード • エンタープライズ モード • ActiveX 旧 IE への互換機能は サポートされない マイナーアップ デート 頻繁な アップデート 進化 既存資産の 保守と活用
  25. 25. 相互運用性への意気込み In cases where these changes necessarily differ from standards, we’re following through with standards bodies and other browsers to update specs and implementations to reflect the interoperable behavior. IEBlog – “Living on the Edge – our next step in helping the web just work” (November 12, 2014 ) より抜粋
  26. 26. Edge の Windows 10 エクスペリエンス ペン/マーカー クリップ Cortana 統合 注釈 リーディングリスト (オフライン) 共有
  27. 27. あたらしくサポートされる機能
  28. 28. Edge : Platform Status ~新しい機能実装状況が公開~
  29. 29. Experimental features の有効化 ~先行実装された機能を使用可能に~ アドレスバーに以下を入力 about:flags
  30. 30. ご提案、フィードバッグを 募集しています。 Internet Explorer Platform Suggestion Box! IE development discussions from MSDN forums Internet Explorer Beta Feedback
  31. 31. さ既存資産との互換 最新の Web 標準 後方互換と 最新機能サポートの両立 まとめ Windows 10
  32. 32. 参考 1/3 https://status.modern.ie/ http://dev.modern.ie/platform/status/ Internet Explorer のロードマップ Edge のロードマップ
  33. 33. 参考 2/3 https://msdn.microsoft.com/ja- jp/library/dn904191(v=vs.85).aspx Windows 10 版 Project Spartan 開発者向けガイド (Technical Preview) http://dev.modern.ie/platform/faq/ FAQ (Edge)
  34. 34. 参考 3/3 monoe’s blog bit.ly/monoe_blog

×