Microsoft EdgeDeep dive

日本マイクロソフト株式会社

デベロッパーエバンジェリズム統括本部

物江 修 @osamum_MS

アジェンダ

•Microsoft Edge 概要

•Edge の機能と今後の展望

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

Microsoft Edge 概要

Windows 10 の Web ブラウザー～ 2 つの Web ブラウザーが搭載 ～

Windows 10

Internet Explorer

Edge

Project Spartan～ 新ブラウザーのコードネーム～

Jan 21, 2015: Windows 10: The Next Chapter

Mar 19, 2015: Windows 10 Tech Preview 10041

従来 Edge

• 旧IEの互換• 既存仕様の保持

• Web 標準準拠• クロスブラウザ• 新機能の追加

Quirks 〜 9

11

幻の新 Internet Explorer～Windows 10 Technical Preview にのみ存在～

EdgeとInternet Explorer～ 異なる描画エンジンと JavaScript エンジン～

EdgeHTML.dll MSHTML.dll

相互運用性

既定のブラウザ

モダン Web サイト向け

Windows 10 の UX

互換性

主にイントラネットかエンタープライズモード サイト

IE11 IE10 IE9 IE8 IE7 IE5.5★

Edge

Th

e M

ob

ile W

eb

Edge のブラウザーエンジン～Edge の目指したところ～

220k+Unique LoC Removed6 document modes300+ APIs removed

300k+Unique LoC Added

49 New Major Features

4200+ Interop Fix

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

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/

Edge 以外での描画エンジンの利用

UWP

Win8.x

Win32

EdgeHTML(Edge)

MSHTML(Trident)

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に内蔵

常に最新のビルド～バージョンによるフラグメントがない～

Internet Explorer

IE9標準モード

IE5

Quirks

IE10標準モード

IE7 標準モード

HTML5

Quirks

IE8標準モード

IE11標準モード

エンタープライズモード

Evergreen

Microsoft Edge

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 ベンチマーク (高いほど良い)

パフォーマンス

パフォーマンス

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 ベンチマーク (高いほど良い)

Edge の機能と今後の展望

Windows 10 のエクスペリエンス

ペン/マーカー クリップ Cortana 統合

注釈 リーディングリスト(オフライン)

共有

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

Experimental features の有効化～先行実装された機能を使用可能に～

アドレスバーに以下を入力

about:flags

Windows Insider Programhttps://insider.windows.com/

開発中のビルドをテスト使用可能

JavaScript エンジンの OSS 化～Chakra Core のソースコードを GitHub で公開～

• プラットフォーム非依存部分• 自己完結型 JavaScript 仮想マシン• クライアント、サーバーサイド問わず利用可能

• MIT ライセンス• 現在はまだ Windows 用のみ

/Microsoft/ChakraCore

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

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

Developer Resources : Microsoft Edge Dev～開発者向けポータルサイト～

仮想マシンの提供デモアプリのソースコードを公開

フィードバックと機能のリクエスト～Edge はユーザーの意見でつくられます～

Internet Explorer Platform Suggestion Box!

IE development discussions from MSDN forums

Internet Explorer Beta Feedback

まとめ

still developing.need more feedback.

monoe’s bloghttp://bit.ly/monoe_blogTwitter: osamum_MS

Microsoft Edge Dev bloghttps://blogs.windows.com/msedgedev/

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

Microsoftは、本書の内容を保護する特許、特許出願書、商標、著作権、またはその他の知的財産権を保有する場合があります。Microsoftから書面によるライセンス契約が明確に供給される場合を除いて、本書の提供はこれらの 特許、商標、著作権、またはその他の知的財産へのライセンスを与えるものではありません。

© 2015 Microsoft Corporation. All rights reserved.