20

Click here to load reader

Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Embed Size (px)

Citation preview

Page 1: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

日本マイクロソフト株式会社

Microsoft Edge & Internet Explorer 11

Windows 10のWebブラウザ

Page 2: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

2016年1月12日より、IEのサポートポリシーが変わります。

http://www.microsoft.com/ja-jp/windows/lifecycle/iesupport/

動作するOSのライフサイクルに準拠 各OSの最新版のIEのみ

IE7 IE8 IE9 IE10 IE11OSサポート終了期間

Windows Vista 2017年4月

Windows 7 2020年1月

W

8.12023年1月

Windows Vista SP2 IE9

Windows 7 SP1 IE11

Windows 8.1 Update IE11

Windows Server 2008 SP2 IE9

Windows Server 2008 R2 SP1 IE11

Windows Server 2012 IE10

Windows Server 2012 R2 IE11

Page 3: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

IEのサポートポリシー変更の背景

開発・検証の軽減

動作を確認するブラウザを少なく

セキュリティ対策

脆弱性の発見からネットワーク犯罪に迅速に対応する

最新技術への対応

Web標準への準拠新しいAPIの利用

Web Fontの例SVGの例

Page 4: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11
Page 5: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Windows 10のWebブラウザ

Internet Explorer 11 Microsoft Edge

Windows 8.1やWindows 7で利用できるIE11と同じものです。サポート終了までセキュリティ更新プログラムは提供されますが、バージョンアップの予定はありません。

Page 6: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Windows 10のWebブラウザ

Trident (MSHTML) Edge (EdgeHTML)

Microsoft EdgeInternet Explorer 11

Page 7: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Windows 10のWebブラウザ

IE9標準モード

IE5

Quirks

IE10標準モード

IE7 互換表示

QME(Quirks Mode

Emulation)

IE8標準モード

IE11標準モード

エンタープライズモード

Evergreen

Microsoft EdgeInternet Explorer 11

Page 8: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Windows 10のWebブラウザ

後方互換性Compatibility

相互運用性Interoperability

IE11 IE10 IE9 IE8 IE7 IE5.5

イントラネット インターネット

Microsoft EdgeInternet Explorer 11

といった他のモダンブラウザーとの相互運用性が必要な場合はMicrosoft Edgeをご利用頂くことをお勧めします。

Page 9: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Microsoft Edge の相互運用性

Edge (EdgeHTML)

https://msdn.microsoft.com/ja-jp/library/Dn904191(v=VS.85).aspx

Page 10: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Windows 10 32bitMozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10162

Windows 10 64bitMozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10162

https://msdn.microsoft.com/ja-jp/library/dn904497(v=vs.85).aspx

Edge/12という情報が付加されています

Page 11: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

後方互換性Compatibility

過去の Internet Explorer 向けに作られた Web コンテンツをそのままWindows 10ユーザに提供する場合は、IE11のご利用をご検討ください。IE11 には従来からのドキュメントモードやこのバージョンから追加されたエンタープライズモードといった後方互換性を確保するための機能が搭載されています。

Page 12: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

IEのレンダリングルールを切り替える仕組み

https://technet.microsoft.com/ja-jp/library/dn321432.aspx

こちらから

Page 13: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Enterprise Mode Site List Manager

IE11でIE8をエミュレートする仕組み

https://technet.microsoft.com/ja-jp/library/dn640687.aspx

Page 14: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Microsoft Edge

Page 15: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

http://www.microsoft.com/ja-jp/windows/microsoft-edge

Microsoft Edgeは軽快に動作する、全く新しいWebブラウザすべてのWindows 10デバイスで利用できます

あらゆる事態を想定

積極的に使いこなす

Webページに直接ペンで描き込んだり、文字入力ができる機能や電車の中でも文書を読むことに集中できる表示機能などを内蔵

Page 16: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

• ActiveX

• Browser Helper Objects

• Document Mode

• VML

• VBScript

• attachEvent /

removeEvent

• currentStyle

• Conditional Comments

• IE8 layout quirks

• DirectX Filters and

Transitions

http://blogs.windows.com/msedgedev/2015/05/06/a-break-from-the-past-part-2-saying-goodbye-to-activex-vbscript-attachevent/

• Binary behaviors

• Pluggable protocols

• Shell Helper API

• Active Documents

• Custom Download

Managers

• Custom Security

Managers

• MIME filters

• Custom Print and

Print Preview

Handlers

• Explorer Bars

• Custom Context

Menu entries

• Edit Designers

• Timers

• Accelerators

• Webslices

Page 17: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

Web標準なWebサイトにする

Edgeのために特別な作業をする

Microsoft Edge に対応する

Page 18: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

① Web標準の仕様に沿ったマークアップをしようMicrosoft Edgeのための特殊なマークアップやコーディングをする必要はありません。また、Microsoft EdgeではInternet

Explorerのドキュメントモードをサポートしていないため、ドキュメントモードが指定されていても無視されてしまいます。

② 新しい JS ライブラリ/フレームワークを使おう一部の古い JavaScript ライブラリでは正しく動作しないものがあります。常に最新のフレームワークやライブラリを利用するようにしましょう。

③ ブラウザープラグインを使用しないMicrosoft Edge ではActive X は動作しないため、サードパーティ製のプラグインを使用することはできません。多くのスマートフォンやタブレットでは、プラグインは使用できないので、Webブラウザー向けのコンテンツやサービスにはWeb標準技術への移行をご検討ください。

④ CSS ベンダープレフィックスを使用しないMicrosoft Edgeはもちろん、Internet Explorer 11やChrome、Firefoxの最新バージョンはCSS3の基本的な機能をサポートしているので、CSSベンダープレフィックスはほとんどの場合、必要ありません。

⑤ ブラウザーの検出を使用しない様々なWebブラウザーの種別とバージョンが溢れている現在では、Webブラウザーの種別ではなく、機能の実装の有無を検出することをお勧めします。これは他の方法でWeb ブラウザー種別を判別している場合でも同様です。

Page 19: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

http://dev.modern.ie/tools/staticscan/

マイクロソフトでは、これらの項目を自動的にチェックできる解析サービス「Site scan」を無償で提供しています。URLを入力するだけで、自動的にその結果をレポートしてくれます。Site scanのソースコードはGitHubで公開されているので、自社内のサーバーからご利用頂くことも可能です。

http://dev.modern.ie/tools/staticscan/

Page 20: Windows 10のWebブラウザ Microsoft EdgeとInternet Explorer 11

© 2015 Microsoft Corporation. All rights reserved.