Project Spartan についてWeb 製作者が知っておくべき４つのこと村地 彰 aka Hebikuzure

This material provided by CC BY-NC-ND 4.0. See http://creativecommons.org/licenses/by-nc-nd/4.0/

About me

•村地 彰 aka hebikuzure

•http://www.murachi.net/

•http://www.hebikuzure.com/

•https://hebikuzure.wordpress.com/

•Microsoft MVP (Internet Explorer) Apr. 2011 ～

12 March 2015 2第55回 HTML5とか勉強会

おことわり

•以下の内容は現時点での公開情報に基づくスピーカーの個人的な見解であり、Microsoft 社とは無関係です。また実際にリリースされる製品はこれと異なる可能性があります。

12 March 2015 3第55回 HTML5とか勉強会

Windows 10

•今年リリースされます

•現在 Preview Release が提供中

12 March 2015 4第55回 HTML5とか勉強会

Project Spartan

•Windows 10 のすべてのプラットフォームに搭載されるMicrosoft の新しいWeb ブラウザー

•PC ～ 2in1 ～ Tablet ～ Phone

• Internet Explorer も搭載されます(互換対策)

12 March 2015 5第55回 HTML5とか勉強会

①変わらないこと

12 March 2015 6第55回 HTML5とか勉強会

変わらないこと

•基本は何も変わりません

•今までの Internet Explorer と同じ

12 March 2015 7第55回 HTML5とか勉強会

変わらない「基本」

•Modern なWeb サイトはEdge な標準準拠動作

•Legacy なWeb サイトはLegacy な後方互換動作

12 March 2015 8第55回 HTML5とか勉強会

②変わること

12 March 2015 9第55回 HTML5とか勉強会

変わること

•新しいブラウザーのクロム(これが巷で言う「Project Spartan」)

•新しいレンダリング エンジンの追加

12 March 2015 10第55回 HTML5とか勉強会

新しいクロム

•よりシンプルな UI

•COM ベースの拡張機能の廃止

•BHO

•ツールバー

•ActiveX

12 March 2015 11第55回 HTML5とか勉強会

レンダリングエンジンの追加

Modern なWeb サイトはEdgeHTMLで標準準拠動作

Legacy なWeb サイトはMSHTMLで後方互換動作

12 March 2015 12第55回 HTML5とか勉強会

EdgeHTMLの更新

•積極的な更新

•他のブラウザーの実装状況、標準仕様策定の進展に合わせて積極的に新しい機能に更新していく

•MSHTMLはセキュリティ修正以外の更新はしない方針

12 March 2015 13第55回 HTML5とか勉強会

EdgeHTMLの User-Agent String

•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

• (意訳) "Chrome" のような "Firefox" のような "Safari" のような新しい仲間ですw

仲良くしてね

12 March 2015 14第55回 HTML5とか勉強会

相手によって使い分け

Legacy なWeb サイト Modern なWeb サイト

IE8 で～す! Chrome で～す!

12 March 2015 15第55回 HTML5とか勉強会

EdgeHTML

Chrome (Blink)

Safari (WebKit)Firefox(Gecko)

EdgeHTML

IE (Saprtan) が対応すれば「全部対応」と言える部分を攻めていく

12 March 2015 16第55回 HTML5とか勉強会

IE と "Spartan" の違い

•同じもの

•レンダリング エンジン(EdgeHTML / MSHTML)

•JavaScript エンジン(Chakra)

•違うもの

•ブラウザーのクロム

12 March 2015 17第55回 HTML5とか勉強会

つまり

•同じサイトなら IE で表示しても"Spartan" で表示しても結果は同じ

※ ActiveX を利用していない場合

12 March 2015 18第55回 HTML5とか勉強会

③やるべきこと

12 March 2015 19第55回 HTML5とか勉強会

Modern なWeb を作る

•「Internet Explorer だからできない」はどんどん減る

•後方互換機能は永遠に維持されるわけではない

12 March 2015 20第55回 HTML5とか勉強会

④やるべきでないこと

12 March 2015 21第55回 HTML5とか勉強会

古い動作に準拠する

•今から IE8 対応サイトを作ってどうする?

•後方互換機能は永遠に維持されるわけではない

12 March 2015 22第55回 HTML5とか勉強会

User Agent でブラウザー判定

•名前だけで判断しない

•実力を測定して判断しよう(Detect Features Instead of Browsers)

12 March 2015 23第55回 HTML5とか勉強会

以上、4つのことでした

12 March 2015 24第55回 HTML5とか勉強会