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 以降の

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

2014/3/22 Murachi Akira | CPS Corporation 4

GoalInternet Explorer 11 との付き合い方を

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

理解する

2014/3/22 Murachi Akira | CPS Corporation 5

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

2014/3/22 Murachi Akira | CPS Corporation 6

IE11 で何が変わった

2014/3/22 Murachi Akira | CPS Corporation 7

Internet Explorer の進化

2014/3/22 Murachi Akira | CPS Corporation 8

Web の進化

2014/3/22 Murachi Akira | CPS Corporation 9

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

2014/3/22 Murachi Akira | CPS Corporation 10

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

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

2014/3/22 Murachi Akira | CPS Corporation 11

* : Not support in Windows 7

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

2014/3/22 Murachi Akira | CPS Corporation 12

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

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

(Flexbox 、 Pointer Event など )

2014/3/22 Murachi Akira | CPS Corporation 13

ドキュメント モード "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

2014/3/22 Murachi Akira | CPS Corporation 14

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

2014/3/22 Murachi Akira | CPS Corporation 15

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

JavaScriptlet Statement / const Statement

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

2014/3/22 Murachi Akira | CPS Corporation 16

独自 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 などのフレームワークのデータ バインディングを利用

2014/3/22 Murachi Akira | CPS Corporation 17

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

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

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

2014/3/22 Murachi Akira | CPS Corporation 18

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

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

2014/3/22 Murachi Akira | CPS Corporation 19

IE12 で何が変わる ?

2014/3/22 Murachi Akira | CPS Corporation 20

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

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

2014/3/22 Murachi Akira | CPS Corporation 21

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

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

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

2014/3/22 Murachi Akira | CPS Corporation 22

標準策定のスピード

2014/3/22 Murachi Akira | CPS Corporation 23

2014

• HTML 5.0 勧告

• HTML 5.1 勧告候補

2016

• HTML 5.1 勧告

• HTML 5.2 勧告候補

2018

• HTML 5.2 勧告

• HTML 5.3 勧告候補

リリース サイクルの高速化 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??)

2014/3/22 Murachi Akira | CPS Corporation 24

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

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

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

2014/3/22 Murachi Akira | CPS Corporation 25

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

http://modern.ie/Compat Inspector

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

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

2014/3/22 Murachi Akira | CPS Corporation 26

IE12 はどう変わる

2014/3/22 Murachi Akira | CPS Corporation 27

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

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

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

含む

2014/3/22 Murachi Akira | CPS Corporation 28

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 の今後の進む方向を

理解する

2014/3/22 Murachi Akira | CPS Corporation 45

Q and A Any Question?

2014/3/22 Murachi Akira | CPS Corporation 46

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

2014/3/22 Murachi Akira | CPS Corporation 47