54

Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 2: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Legacy Web

Modern Web

Page 3: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Legacy Web

Modern Web

IE6IE7

IE8

IE9

IE10

IE11

Page 4: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Legacy Web

Modern Web

IE6 IE7 IE8

IE9IE10

IE11

Page 5: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

2014年8月7日

Internet Explorerサポートポリシー変更の重要なお知らせ

http://www.microsoft.com/ja-jp/windows/lifecycle/iesupport/

Page 6: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

動作するOSのライフサイクルに準拠

各OSの最新版のIEのみ

Before After

2016年1月12日以降

Page 7: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Before After

IE7 IE8 IE9 IE10 IE11OSサポート 終了期間

Windows Vista 2017年4月

Windows 7 2020年1月

W8.1

2023年1月

Windows Vista SP2 IE9

Windows 7 SP1 IE11

Windows 8.1 Update IE11

Windows Server 2008 SP2 IE9

Windows Server 2008 R2 SP1 IE11

Windows Server 2012 IE10

Windows Server 2012 R2 IE11

2016年1月12日以降

Page 8: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Before After

IE7 IE8 IE9 IE10 IE11OSサポート 終了期間

Windows Vista 2017年4月

Windows 7 2020年1月

W8.1

2023年1月

Windows Vista SP2 IE9

Windows 7 SP1 IE11

Windows 8.1 Update IE11

Windows Server 2008 SP2 IE9

Windows Server 2008 R2 SP1 IE11

Windows Server 2012 IE10

Windows Server 2012 R2 IE11

2016年1月12日以降

Page 9: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

http://www.netratings.co.jp/news_release/2015/05/Newsrelease20150526.html

Page 10: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

7 6 6 5 5

21 22 21 23 22 21 23 24 23 25 27 29

0 0 0 0 0

0 0 0 1 314

3342 41 41 40 39

93 94 94 95 95

49 46 4346 46

35

25

20 20 2223 26

0 0 0 0 0

29 32 35 31 30 2918 14 15 13 9 5

0%

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012E 2013E 2014E 2015E 2016E

Apple Google Microsoft Other

Source: IDC, Goldman Sachs Research

Page 11: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

BYOD - Bring Your Own Device

Page 12: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

セキュリティ対策 開発・検証の軽減 最新技術への対応

Page 13: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

セキュリティ対策

脆弱性の発見からネットワーク犯罪に迅速に対応する

開発・検証の軽減 最新技術への対応

Page 14: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

セキュリティ対策

開発・検証の軽減

動作を確認するブラウザを少なく

最新技術への対応

Page 15: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

セキュリティ対策 開発、検証の軽減最新技術への対応

Web標準への準拠新しいAPIの利用

Page 16: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

WebFont

http://typesquare.com/

Page 17: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

WebRTC

https://html5experts.jp/yusuke-naka/1130/

Web Real-Time Communication

Page 18: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Web

セキュリティ対策 開発・検証の軽減 最新技術への対応

Page 19: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Compatibility 後方互換性

Page 20: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 21: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

1995

3 41 2 5.5 65 7 84.x 9

2015

9 10 11

Trident

Page 22: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

1995

3 41 2 5.5 65 7 84.x 9

2015

9 10 11

HTML4, ES3, CSS2

Trident

Quirks Strict

Page 23: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

1995

3 41 2 5.5 65 7 84.x 9

2015

9 10 11

CSS2.1HTML4, ES3, CSS2

Trident

IE5Quirks

IE7互換表示

IE8標準モード

Page 24: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

1995

3 41 2 5.5 65 7 84.x 9

2015

9 10 11

CSS2.1HTML4, ES3, CSS2 HTML5, SVG, ES5, CSS3

Trident

IE9標準モード

IE5Quirks

IE10標準モード

IE7互換表示

QMEQuirks Mode

Emulation

IE8標準モード

IE11標準モード

EMIEエンタープライズ

モード

Page 25: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

http://furoshiki.hatenadiary.jp/entry/ie_documentmode

• ツール>互換表示設定• F12 開発者ツール• metaタグ X-UA-Compatible

Page 26: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

https://msdn.microsoft.com/ja-jp/library/dn640687.aspx

• ドキュメントモードがIE8標準モードに• ユーザーエージェント文字列がIE8互換に• ActiveXコントロールの挙動がIE8互換に• 拡張保護モードが無効に• IE9以降で廃止された機能が利用可能に• プリレンダリング/キャッシュが無効に

Page 27: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

https://technet.microsoft.com/ja-jp/library/dn640699.aspx

Page 28: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

キー HKLM¥SOFTWARE¥Policies¥Microsoft¥Internet Explorer¥Main¥EnterpriseMode

値の名前 SiteList

型 REG_SZ

値 XMLファイルのパス、またはURL

値の名前 Enable

Page 29: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

https://msdn.microsoft.com/ja-jp/library/dn640689.aspx

Page 30: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

http://blogs.msdn.com/b/ie_jp/archive/2015/05/25/10616897.aspx

Page 31: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

edge

Evergreen

Page 32: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Interoperability 相互運用性

http://blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx

Page 33: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

http://blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx

Page 34: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

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 (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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36

Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0

Page 35: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

We're restarting efforts to implement Pointer Events in blink.

https://plus.google.com/u/0/+RickByers/posts/hUXChMTsbM3

Rick ByersSoftware Engineer at #Googleworking on #Blink, #Chrome and#ChromeOS.

Page 36: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Bringing Asm.js to Chakra and Microsoft Edge

http://blogs.windows.com/msedgedev/2015/05/07/bringing-asm-js-to-chakra-microsoft-edge/

Page 37: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

JavaScript moves forward in Microsoft Edge with ECMAScript 6 and beyond

http://blogs.windows.com/msedgedev/2015/05/12/javascript-moves-forward-in-microsoft-edge-with-ecmascript-6-and-beyond/

Page 38: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 39: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 40: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Microsoft Edge

https://dev.windows.com/ja-jp/microsoft-edge-for-devs

Page 41: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 42: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Internet Explorer Edge

Page 43: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Internet Explorer Edge

Page 44: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

ーp

相互運用性

デフォルトブラウザ

モダンなWebサイト

Edge HTMLMS HTML

後方互換性

イントラネット

IE11 IE10 IE9 IE8 IE7 IE5.5

Internet Explorer Edge

Page 45: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

CSS• @supports• Flexbox standards update• dppx unit• transform-style: preserve-3d• Filter effects

Storage & networking• HTTP/2• Content security policy• Web Crypto API updates• HSTS (HTTP Strict Transport

Security

Media & RTC• Media capture• HLS• WebAudio• Video Tracks• WAV Audio support

Input & Editing• Touch events• Pointer lock API• Media Queries L4 - Interaction• Selection API• Gamepad API

JavaScript

• ES6 Math, Number, String, RegExp & Object built-ins

• Arrow functions, Enhanced object literal, Template strings, Default, Rest, Spread

• Map, Set, Weakmap, __proto__, Proxies

• Let, Const, Promises, Classes

DOM & Graphics

• SVG foreignobject• SVG attribute animation• Complete WebGL support• DOM event constructors• DOM Level 3 XPath

実装済み プレビュー版 開発中

Page 46: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Microsoft Edge | Dev (beta)WebGL + Web Audio APIMedia Capture + Stream API

http://dev.modern.ie/

Page 47: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

status.modern.ie

Page 48: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 49: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Microsoft Edge

http://blogs.windows.com/msedgedev/

• スマホ、タブレット、PCに対応• これからの使い方に最適化されたUI• Webノート• リーディングリスト• Cortana• グループポリシー• MDM (モバイルデバイス管理)• 必要なときはIE11で起動• セキュア• 新しい Extension (拡張機能) モデル

Page 50: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Announcing Dolby Audio for high performance audio in Microsoft Edge

http://blogs.windows.com/msedgedev/2015/05/26/announcing-dolby-audio-for-high-performance-audio-in-microsoft-edge/

Page 51: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Microsoft Edge

http://blogs.windows.com/msedgedev/2015/05/06/a-break-from-the-past-part-2-saying-goodbye-to-activex-vbscript-attachevent/

• ActiveX• Browser Helper Objects (BHO)• ドキュメントモード• VML• VBScript• attachEvent / removeEvent• currentStyle• Conditional Comments• IE8 layout quirks• DirectX Filters and Transitions

Page 52: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •
Page 53: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •

Legacy Web

Modern Web

IE6 IE7 IE8

IE9IE10

IE11

Page 54: Legacy Web - download.microsoft.com · • Web Crypto API updates • HSTS (HTTP Strict Transport Security. Media &RTC • Media capture • HLS • WebAudio • Video Tracks •