しばらくお待ちください
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 以降のバー
ジョンはどのように変わっていくのか
2014/3/22 Murachi Akira | CPS Corporation 4
Goal
Internet 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
主な新機能
 WebGL
 SPDY/3*
 DeviceOrientation* / Screen Orientation*
 FullScreen API
 prerender / prefetch / dns-prefetch
 Web Cryptography API
 Encrypted Media Extensions* / Media Source
Extensions*
 電話番号の形式の認識*
2014/3/22 Murachi Akira | CPS Corporation 11
* : Not support in Windows 7
主な機能強化
 F12 開発者ツール
 Canvas
 High DPI Support
 Caching
 EPM on Desktop IE
 Touch
 Pinned Site
 JavaScript
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
JavaScript
let Statement / const Statement
(ブロック スコープ変数)
SetObject/MapObject/WeakMapObject
Internationalization 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 IE
TLS 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/co
mpatinspector/
Internet Explorer Test Drive
http://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
参考情報
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 の今後の進む方向を
理解する
2014/3/22 Murachi Akira | CPS Corporation 45
Q and A
Any Question?
2014/3/22 Murachi Akira | CPS Corporation 46
Contact
Twitter
@hebikuzure
Facebook
https://www.facebook.com/amurachi
2014/3/22 Murachi Akira | CPS Corporation 47

Com camp2014