Microsoft Edge最新アップデートとこれから

日本マイクロソフト株式会社デベロッパーエバンジェリズム統括本部テクニカルエバンジェリスト物江修

Windows 10 Creators Update におけるMicrosoft Edge の新機能

パフォーマンス、セキュリティ 新しい API

ブラウザの新機能 アクセシビリティ

基本性能の向上：パフォーマンス、セキュリティ

18.4

29 29.4

35.437.8

53.9

82.7

03/2011 03/2012 03/2013 03/2014 03/2015 03/2016

Speedometer Benchmark

Old New

• デフォルトでFlash コンテンツよりHTML5 を優先

• 背景タブと iframe の効率を改善

Edge Chrome57

Firefox52

バッテリー

他のブラウザと比較して、バッテリーが長持ち！

https://blogs.windows.com/windowsexperience/2016/06/20/more-battery-with-edge/

https://blogs.windows.com/windowsexperience/2016/09/15/edge-battery-anniversary-update/

https://www.youtube.com/watch?v=pEy-qejAbbg

• アプリコンテナのサンドボックス緩衝性の向上

• Chakra JIT はアウトプロセス実行

• Flash はデフォルトで無効

進捗状況の測定

脆弱性の悪用数Web ブラウザー CVEs

既知のゼロデイ攻撃の数Web ブラウザによる脆弱性

(CVEs) の数

Source: US National Vulnerability Database, July, 2015 – September, 2016

Source: Microsoft,as of October, 2016

Source: Microsoft, as of October, 2016

ブラウザアタックに対してのプロテクション

アプリコンテナの分離 64-Bit の仕様

メモリーガードコレクション

コントロールフローガード

スマートスクリーンプロテクション

その他 . . .

攻撃面の削減• ドキュメントモードの廃止

• レガシースクリプトエンジンの廃止

• Vector Markup Language 非サポート

• Browser Helper Objects 非サポート

• ActiveX コントロール非サポート

カーネル & Flash の攻撃への防御

コード整合性とイメージ負荷の制限

SMARTSCREEN PROTECTION

信頼されていないサイトは、ハードウェア レイヤーに作成された Windows の新しいインスタンスに隔離される

WINDOWS DEFENDER APPLICATION GUARD(Preview)

WINDOWS DEFENDER APPLICATION GUARD

https://www.youtube.com/watch?v=McP8ZGAInwI

Web と Web アプリ開発者のための新しい API

Edge 15

Chrome 57

Firefox 52

Safari 10.1

IE 11

474

519

406

312

*(except tail call optimization)

473433

最新 API の実装

最新 API の実装

Payment Request API

•W3C で標準化された決済用API

•一貫性のある決済フローを提供する新しい API

•UI 提供（開発者は触れない）

•支払方法や配送先の情報を毎回入力する必要がない

Payment Request API

Microsoft Edge

UWP

Desktop Bridge

Bot Framework

https://aka.ms/w3c-payment-request

WebVR

•Web ブラウザー上で VR コンテンツを実行

•VR デバイスとの連携 (入出力)•ジャイロセンサ、ポジショントラッキング

•スマートフォン用コンテンツ等で使われる既存の VR 手法とは異なる

http://www.babylonjs-playground.com/#ASDZLT

今後サポートされる機能

Web Assembly (MVP)

Shared Memory and Atomics

SIMD

PREVIEW IN DEVEPOPMENT

Push API

Cache API

Service Worker

Background Sync API

Web Application Manifest

Ambient Light Sensor API

Modules (ES6)

https://developer.microsoft.com/en-us/microsoft-edge/platform/status/

PWA

夏ごろ試せる予定about:flags

新しいプラットフォーム機能

新しい拡張APIと単純化された提出プロセス

Add yours: https://aka.ms/edge-extensions/

ネイティブアプリとの連携

EdgeのエクステンションがUWPアプリと連携可能に

https://docs.microsoft.com/en-us/microsoft-edge/extensions/guides/native-messaging

ブラウザをより生産的にするための革新的な新機能

重要なものに集中するため

気が散るコンテンツを隠す

読み取りビュー

アシスタントからパーソナライズされたブラウジングヘルプを

取得する

Cortana統合

ペンやマーカーを使用してWeb ページにメモし、

簡単に共有

ペン・マーカー

Edge の Windows 10 エクスペリエンス

タブのクローズと保存 (1/2)

タブのクローズと保存 (2/2)

タブプレビューの操作

EPUB 形式の電子書籍リーダー機能

• 日本語縦書き• 目次• ブックマーク• テキストサイズ• 文字間隔• フォント• スタイル• テーマ• EPUB 3.0

Windows ストアでの EPUB 形式の電子書籍

• 現在は米国のみ• 他の国は未定

クラス最高のアクセシビリティーUIオートメーションをネイティブにサポートする全く新しいアクセシビリティアーキテクチャ

• サイトのテキストコンテンツを操作するための改良されたサポート

• Web アクセシビリティの一般的なパターンのサポートの向上

能力に関係なく、誰でも Web が使用できるように

• Windows UI オートメーションとの統合

• UI Automation TextPattern

• ハイコントラストテーマのサポート

Inclusive: A Microsoft design toolkit

https://www.microsoft.com/design/inclusive

仮想マシン

BrowserStack

• WebサイトやWebアプリケーションに対してパワフルな新機能を導入

• ユーザーにとっても開発者にとってもより優れたものに

新しくなったMicrosoft Edgeを試してみよう！Windows 10 Creators Updateで入ったEdgeの新機能一挙解説https://html5experts.jp/osamum_ms/22779/

参考