com camp2014

しばらくお待ちください

IE11 で何が変わった、IE12 で何が変わる ?

Murachi Akira aka hebikuzurePresident, CPS Corporation

About me 村地　彰 http://www.murachi.net/ http://www.hebikuzure.com/ Microsoft MVP(Internet Explorer) Apr. 2011 ～

2014/3/22 Murachi Akira | CPS Corporation 3

AgendaInternet Explorer 11 は以前のバージョ

ンと比べてどこがどう変わったのか来るべき Internet Explorer 12 以降の

バージョンはどのように変わっていくのか


GoalInternet Explorer 11 との付き合い方を

理解するInternet Explorer の今後の進む方向を

理解する


個人的な見解です Internet Explorer 6 7 8 ⇒ ⇒ についてはサポート業務で関わっていました Internet Explorer 9 10 11 ⇒ ⇒ については Microsoft MVP として見守っています日本マイクロソフト株式会社の意見、見解とは異なる場合があります


IE11 で何が変わった


Internet Explorer の進化


Web の進化


HTML 4.01

XHTML 1.1

Resource Internet Explorer 11 開発者向けガイド

◦ http://msdn.microsoft.com/ja-jp/library/ie/bg182636.aspx

◦ http://bit.ly/ie11msdn

Internet Explorer 11◦ http://technet.microsoft.com/en-us/library/dn268944.aspx

◦ http://bit.ly/ie11technet


主な新機能WebGLSPDY/3*DeviceOrientation* / Screen Orientation*FullScreen APIprerender / prefetch / dns-prefetchWeb Cryptography APIEncrypted Media Extensions* / Media Source

Extensions* 電話番号の形式の認識 *


* : Not support in Windows 7

主な機能強化F12 開発者ツールCanvasHigh DPI SupportCachingEPM on Desktop IETouchPinned SiteJavaScript


互換性の変更点ドキュメントモードの非推奨 / 廃止予

告User Agent String の変更独自 API の廃止 (attachEvent など )標準準拠のための調整

(Flexbox 、 Pointer Event など )


ドキュメントモード "Starting with IE11, document modes are considered deprecated and should no longer be used. Webpages that require legacy document modes to display properly should be rewritten to use features defined by modern standards."

http://msdn.microsoft.com/en-us/library/jj676915.aspx


ドキュメントモード対策くわしくはこちら


http://www.slideshare.net/kawada_hiroshi/internet-explorerie

JavaScriptlet Statement / const Statement

( ブロックスコープ変数 )Set Object / Map Object / WeakMap ObjectInternationalization API __proto__独自 API の廃止


独自 API の廃止廃止された API 代替機能

attachEvent addEventListener

window.execScript Eval

window.doScroll window.scrollLeft、 window.scrollTop

document.all document.getElementById

document.fileSize、 img.fileSize XMLHttpRequest でソースを取得

script.onreadystatechange / script.readyState script.onload

document.selection window.getSelection

document.createStyleSheet document.createElement("style")

style.styleSheet style.sheet

window.createPopup div または iframe を大きい zIndex 値で表示

バイナリビヘイビアー canvas 、 SVG 、 CSS3 animation など

従来のデータバインディング WinJS などのフレームワークのデータバインディングを利用


管理上の変更点EPM on Desktop IETLS 1.2 が既定で有効.NET 1.1/2.0 の Managed browser control

がブロックされるグループポリシー設定の追加

(http://technet.microsoft.com/en-us/library/dn321453.aspx)


管理上の変わらないことグループポリシーは管理用テンプレートのみ利用可能 (Internet Explorer のメンテナンスは Windows 8 以降廃止された )(http://technet.microsoft.com/ja-jp/library/jj890998.aspx)

IEAK11 が利用可能(http://technet.microsoft.com/ja-jp/library/dn454924.aspx)


IE12 で何が変わる ?


標準がすべてWeb 標準に基づく実装標準へのすばやい対応相互運用性の向上

( 他のブラウザーと同じように動作する )


後方互換性はフェードアウトドキュメントモードは順次廃止

"Document modes are considered deprecated and should no longer be used. "

「互換表示」も将来的に廃止か ?IE11 では「互換表示ボタン」廃止IE12 では ???


標準策定のスピード


2014

• HTML 5.0 勧告

• HTML 5.1 勧告候補

2016

• HTML 5.1 勧告


2018

• HTML 5.2 勧告


リリースサイクルの高速化 6 7⇒ : 4 years 10 months 7 8⇒ : 2 years 8 months 8 9⇒ : 1 year 9 months 9 10⇒ : 1 year 7 months 10 11⇒ : 1 year 11 12⇒ : ? (shorter than 1 year??)


「 IE で動く」から「標準準拠」へ標準が変われば IE も変わる非標準の機能は廃止されるかメンテナ

ンスされない「 IE で動く」ことを考えるのではな

く、「 Web 標準に準拠する」ことを考える


標準準拠のためのツールmodern.IE

http://modern.ie/Compat Inspector

http://ie.microsoft.com/testdrive/html5/compatinspector/

Internet Explorer Test Drivehttp://ie.microsoft.com/testdrive/


IE12 はどう変わる


IE12 の新機能予想標準化が進んでいて、まだ IE に実装

されていない他のブラウザーで相互運用できていて、

まだ IE とは相互運用できないMicrosoft が強く押している技術要素を

含む


2013/12/16 HTML5 とか勉強会 #43 29

本命

HTTP/2

2013/12/16 HTML5 とか勉強会 #43 30

理由IE11 で ( 前振りとして ) SPDY サポー

ト2014 年の早期に Last Call他のブラウザー (Chrome 、 Firefox な

ど ) でも実装が進みつつあるServer Side の実装も進んでいる

2013/12/16 HTML5 とか勉強会 #43 31

2013/12/16 HTML5 とか勉強会 #43 32

対抗

Server-Sent Events

2013/12/16 HTML5 とか勉強会 #43 33

理由仕様自体が Candidate Recommendation他のブラウザーで実装済みデベロッパーのニーズは多そう

2013/12/16 HTML5 とか勉強会 #43 34

2013/12/16 HTML5 とか勉強会 #43 35

単穴

Strict Transport Security

2013/12/16 HTML5 とか勉強会 #43 36

理由仕様自体が Proposed Standard他のブラウザーでの実装が進んでいるセキュリティは大事

2013/12/16 HTML5 とか勉強会 #43 37

2013/12/16 HTML5 とか勉強会 #43 38

連下HTML5 Form の強化より多くの input type サポート

SVG の強化SVG SMIL animation SVG fonts

2013/12/16 HTML5 とか勉強会 #43 39

理由やり残しなので無難に追加されるでしょう

2013/12/16 HTML5 とか勉強会 #43 40

2013/12/16 HTML5 とか勉強会 #43 41

注意WebRTC と

getUserMedia/Stream API Web Audio API

2013/12/16 HTML5 とか勉強会 #43 42

理由他ブラウザーの実装と相互運用検証が

進んでいるので、対抗上早期に実装されるかも

デベロッパーのニーズは多そう

2013/12/16 HTML5 とか勉強会 #43 43

参考情報 IEBloghttp://blogs.msdn.com/b/ie/ IEInternalshttp://blogs.msdn.com/b/ieinternals/ HTML5Labshttp://html5labs.interoperabilitybridges.com/

2013/12/16 HTML5 とか勉強会 #43 44

GoalInternet Explorer 11 との付き合い方を

理解するInternet Explorer の今後の進む方向を

理解する


Q and A Any Question?


Contact Twitter@hebikuzure Facebookhttps://www.facebook.com/amurachi


com camp2014

Technology