2016/02/20(土) dots. で開催されました「第62回 HTML5とか勉強会スペシャル ー ブラウザ、次世代Web標準の最新動向とか」の資料です。

1. Microsoft Edge
Deep dive
日本マイクロソフト株式会社
デベロッパーエバンジェリズム統括本部
物江 修 @osamum_MS

2. アジェンダ
•Microsoft Edge 概要
•Edge の機能と今後の展望
•開発、検証のためのリソース

3. Microsoft Edge 概要

4. Windows 10 の Web ブラウザー
～ 2 つの Web ブラウザーが搭載 ～
Windows 10
Internet Explorer
Edge

5. Project Spartan
～ 新ブラウザーのコードネーム～
Jan 21, 2015: Windows 10: The Next Chapter
Mar 19, 2015: Windows 10 Tech Preview 10041

6. 従来 Edge
• 旧IEの互換
• 既存仕様の保持
• Web 標準準拠
• クロスブラウザ
• 新機能の追加
Quirks 〜 9
11
幻の新 Internet Explorer
～Windows 10 Technical Preview にのみ存在～

7. EdgeとInternet Explorer
～ 異なる描画エンジンと JavaScript エンジン～
EdgeHTML.dll MSHTML.dll
相互運用性
既定のブラウザ
モダン Web サイト向け
Windows 10 の UX
互換性
主にイントラネットか
エンタープライズモード サイト
IE11 IE10 IE9 IE8 IE7 IE5.5
★
Edge

8. TheMobileWeb
Edge のブラウザーエンジン
～Edge の目指したところ～
220k+
Unique LoC Removed
6 document modes
300+ APIs removed
300k+
Unique LoC Added
49 New Major Features
4200+ Interop Fix

9. Edge の User-Agent 文字列
～互換性を重視した相互運用性の高いもの～
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/39.0.2171.71 Safari/537.36 Edge/12.0
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/40.0.2214.93 Safari/537.36
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like
Gecko) Version/8.0 Safari/600.1.25
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0

10. Why doesn’t Microsoft Edge use an existing
modern engine like WebKit or Blink?
The web is built on the principle of multiple independent,
interoperable implementations of web standards, and we
feel it is important to counter movement towards a
monoculture on the web. (「よくある質問」から抜粋)
Q:
A:
https://dev.windows.com/ja-jp/microsoft-
edge/platform/faq/what-is-microsoft-edgehtml/

11. Edge 以外での描画エンジンの利用
UWP
Win8.x
Win32
EdgeHTML(Edge)
MSHTML(Trident)

12. Edgeでサポートされない機能
～旧バージョンの IE との互換は考慮しない～
• ActiveX
• Browser Helper Objects
• Document Mode
• VML
• VBScript
• attachEvent / removeEvent
• currentStyle
• Conditional Comments
• IE8 layout quirks
• DirectX Filters and Transitions
http://blogs.windows.com/msedgedev/2015/05/06/a-break-from-the-past-part-2-saying-goodbye-to-activex-vbscript-attachevent/
• Binary behaviors
• Pluggable protocols
• Shell Helper API
• Active Documents
• Custom Download Managers
• Custom Security Managers
• MIME filters
• Custom Print and Print
Preview Handlers
• Explorer Bars
• Custom Context Menu entries
• Edit Designers
• Timers
• Accelerators
• Webslices
Flash Player PlayerとPDFレンダリングはMicrosoft Edgeに内蔵

13. 常に最新のビルド
～バージョンによるフラグメントがない～
Internet Explorer
IE9
標準モード
IE5
Quirks
IE10
標準モード
IE7
標準モード
HTML5
Quirks
IE8
標準モード
IE11
標準モード
エンター
プライズ
モード
Evergreen
Microsoft Edge

14. 0
20
40
60
80
100
120
140
160
Internet Explorer 11 Microsoft Edge Chrome Canary 43.0.2369.0 Firefox Alpha 40.0a1(04-14)
JetStream ベンチマーク (高いほど良い)
パフォーマンス

15. パフォーマンス
0
5000
10000
15000
20000
25000
Internet Explorer 11 Microsoft Edge Chrome Canary 43.0.2369.0 Firefox Alpha 40.0a1(04-14)
Octane 2.0 ベンチマーク (高いほど良い)

16. Edge の機能と今後の展望

17. Windows 10 のエクスペリエンス
ペン/マーカー クリップ Cortana 統合
注釈 リーディングリスト
(オフライン)
共有

18. Edge : Platform Status
～新しい機能実装状況が公開～

19. Experimental features の有効化
～先行実装された機能を使用可能に～
アドレスバーに以下を入力
about:flags

20. Windows Insider Program
https://insider.windows.com/
開発中のビルドをテスト使用可能

21. JavaScript エンジンの OSS 化
～Chakra Core のソースコードを GitHub で公開～
• プラットフォーム非依存部分
• 自己完結型 JavaScript 仮想マシン
• クライアント、サーバーサイド問
わず利用可能
• MIT ライセンス
• 現在はまだ Windows 用のみ
/Microsoft/ChakraCore

22. 2016 年の方向性
～先行実装された機能を使用可能に～
拡張機能 基本機能
コミュニティ新しい機能
アクセシビリティ
• JavaScript ベース
• Windows ストア経由
‒ 調査、提供、管理
• HTML5,CSS3 標準
• 視覚障碍者の読みやすさ
改善
• ツールとテスト用の
アクセス可能なサイト
• パフォーマンス
• セキュリティ
• グラフィック機能
• ES2016 Modules
• Fetch API
• Web Notifications
• Beacon API
• WOFF 2.0
• Etc..
• @MSEdgeDev
• Platform Suggestion
Box
• フィードバック機能
Looking ahead:
Microsoft Edge
for developers in
2016

23. 開発、検証のためのリソース

24. Developer Resources : Microsoft Edge Dev
～開発者向けポータルサイト～
仮想マシンの提供
デモアプリの
ソースコードを公開

25. フィードバックと機能のリクエスト
～Edge はユーザーの意見でつくられます～
Internet Explorer Platform Suggestion Box!
IE development discussions from MSDN forums
Internet Explorer Beta Feedback

26. まとめ
still developing.
need more feedback.

27. monoe’s blog
http://bit.ly/monoe_blog
Twitter: osamum_MS
Microsoft Edge Dev blog
https://blogs.windows.c
om/msedgedev/

28. 本書に記載した情報は、本書各項目に関する発行日現在の Microsoft の見解を表明するものです。Microsoftは絶えず変化する市場に対応しなければならないため、ここに記載した情報に対していかなる責務を負うものではなく、 提示された情報の信憑性については保証できません。
本資料に記載されている価格はいずれも、別段の表記がない限り、参考価格となります。貴社の最終的な購入価格は、貴社のLSP企業様により決定されます。本書は情報提供のみを目的としています。 Microsoft は、明示的または暗示的を問わず、本書にいかなる保証も与えるものではありません。
すべての当該著作権法を遵守することはお客様の責務です。Microsoftの書面による明確な許可なく、本書の如何なる部分についても、転載や検索システムへの格納または挿入を行うことは、どのような形式または手段（電子的、機械的、複写、レコーディング、その他）、および目的であっても禁
じられています。これらは著作権保護された権利を制限するものではありません。
Microsoftは、本書の内容を保護する特許、特許出願書、商標、著作権、またはその他の知的財産権を保有する場合があります。Microsoftから書面によるライセンス契約が明確に供給される場合を除いて、本書の提供はこれらの 特許、商標、著作権、またはその他の知的財産へのライセンスを与え
るものではありません。
© 2015 Microsoft Corporation. All rights reserved.