Com camp2014

しばらくお待ちください

IE11 で何が変わっ
た、
IE12 で何が変わ
る?
Murachi Akira aka hebikuzure
President, CPS Corporation

About me
村地彰
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011～
2014/3/22 Murachi Akira | CPS Corporation 3

Agenda
Internet Explorer 11 は以前のバージョン
と比べてどこがどう変わったのか
来るべき Internet Explorer 12 以降のバー
ジョンはどのように変わっていくのか

Goal
Internet 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

主な新機能
 WebGL
 SPDY/3*
 DeviceOrientation* / Screen Orientation*
 FullScreen API
 prerender / prefetch / dns-prefetch
 Web Cryptography API
 Encrypted Media Extensions* / Media Source
Extensions*
 電話番号の形式の認識*
* : Not support in Windows 7

主な機能強化
 F12 開発者ツール
 Canvas
 High DPI Support
 Caching
 EPM on Desktop IE
 Touch
 Pinned Site
 JavaScript

互換性の変更点
ドキュメントモードの非推奨/廃止予告
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

JavaScript
let Statement / const Statement
(ブロックスコープ変数)
SetObject/MapObject/WeakMapObject
Internationalization 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 IE
TLS 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
勧告
• 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??)

「IEで動く」から「標準準
拠」へ
標準が変われば IE も変わる
非標準の機能は廃止されるかメンテナ
ンスされない
「IE で動く」ことを考えるのではなく、
「Web 標準に準拠する」ことを考える

標準準拠のためのツール
modern.IE
http://modern.ie/
Compat Inspector
http://ie.microsoft.com/testdrive/html5/co
mpatinspector/
Internet Explorer Test Drive
http://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

参考情報
IEBlog
http://blogs.msdn.com/b/ie/
IEInternals
http://blogs.msdn.com/b/ieinternals/
HTML5Labs
http://html5labs.interoperabilitybridges.com/
2013/12/16 HTML5 とか勉強会 #43 44

Goal
Internet Explorer 11 との付き合い方を
理解する
Internet Explorer の今後の進む方向を
理解する

Q and A
Any Question?

Contact
Twitter
@hebikuzure
Facebook
https://www.facebook.com/amurachi

Com camp2014

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (14)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Com camp2014

Ähnlich wie Com camp2014 (20)

Mehr von 彰村地

Mehr von 彰村地 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (10)

Com camp2014

Com camp2014

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (14)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Com camp2014

Ähnlich wie Com camp2014 (20)

Mehr von 彰 村地

Mehr von 彰 村地 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (10)

Com camp2014

Mehr von 彰村地

Mehr von 彰村地 (20)