Windows 8.1 に標準搭載! Internet Explorer...
Transcript of Windows 8.1 に標準搭載! Internet Explorer...
![Page 1: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/1.jpg)
ROOM
E
Windows 8.1 に標準搭載!Internet Explorer 11 概要
日本マイクロソフト株式会社Windows 本部シニア プロダクト マネージャー
内河 恵
![Page 2: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/2.jpg)
高速、なめらか、タッチに最適
高速で滑らか
より安全に
タッチに最適
最新のWeb 標準とツール
簡単
![Page 3: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/3.jpg)
ハードウェアを活用して高速化
• IE9 からの新しい JavaScript エンジン• ページのプリフェッチとプリレンダリング、戻るナビゲーションのキャッシュ
• ネットワークの優先順位付け
パフォーマンス最適化
OSとハードウェアを最大限活用し、Webページを高速に表示
高速 & なめらか
![Page 4: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/4.jpg)
出典: WebKit SunSpider
Windows 8.1 での JavaScript 実行速度
![Page 5: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/5.jpg)
全画面表示
必要な時に表示するナビゲーションとタブ
タッチ最適化
“タッチファースト” の UI
![Page 6: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/6.jpg)
Internet ExplorerInternet Explorerデスクトップ版
2 つのエクスペリエンス
![Page 7: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/7.jpg)
ピン留めライブタイルお気に入り
{IMAGE OF IE EDGE}
マルチタスク
ローミング
簡単
![Page 8: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/8.jpg)
DEMO
IE11 基本操作と速度体験
![Page 9: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/9.jpg)
http://ie.microsoft.com/testdrive/Performance/Popcorn/
ブラウザーの速さを計測してみる
![Page 10: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/10.jpg)
出典: Evolutions in Browser Security, NSS Labs, October, 2013
安全
拡張保護モード
SmartScreen フィルター
追跡防止
Malware and Phishing Block Rates for Top Browsers
![Page 11: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/11.jpg)
HTML5 CSS3 SVG ES6
• 標準化団体 (W3C, Ecma International, IETF) における規格策定に協力• 相互運用性確保のためのテストケースの開発・提出 (合計 8,742)
• 最新Web 標準への対応 (IE9 → IE10 → IE11 → IExx)
10/28 現在 http://samples.msdn.microsoft.com/ietestcenter/default-JA.htm
Web 標準
![Page 12: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/12.jpg)
CSS 2D Transforms
CSS Backgrounds & Borders
CSS Color
CSS Fonts
CSS Media Queries
CSS Namespaces
CSS OM Views
CSS Selectors
CSS Values and Units
Data URI
DOM Element Traversal
DOM HTML
DOM Level 3 Core
DOM Level 3 Events
DOM Style
DOM Traversal and Range
DOMParser and XMLSerializer
ECMAScript 5
HTML5 Canvas
HTML5 Geolocation
HTML5 Selection
HTML5 semantic elements
HTML5 video and audio
ICC Color Profiles
Selectors API Level 2
SVG, standalone and in HTML
XHTML/XML
IE9 hardware-accelerated platform
![Page 13: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/13.jpg)
IE10 hardware-accelerated platform
![Page 14: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/14.jpg)
CSS 2D Transforms
CSS 3D Transforms
CSS Animations
CSS Backgrounds & Borders Level 3
CSS Color
CSS Flexbox Layout Module
CSS Fonts
CSS Grid
CSS Hyphenation
CSS Image Values (Gradients)
CSS Media Queries
CSS multi-column Layout
CSS Namespaces
CSS OM Views
CSS Positioned Floats (Exclusions)
CSS Selectors
CSS Transitions
CSS Values and Units
Data URI
Device Orientation Events
DOM Element Traversal
DOM HTML
DOM Level 3 Core
DOM Level 3 Events
DOM4 Mutation Observers
DOM Style
DOM Traversal and Range
DOMParser and XMLSerializer
ECMAScript 6
File Reader API
File Saving
FormData
Fullscreen API
HTML5 Application Cache
HTML5 async
HTML5 BlobBuilder
HTML5 Canvas
HTML5 Custom Data
HTML5 Drag and drop
HTML5 Forms and Validation
HTML5 Geolocation
HTML5 History API
HTML5 Page Transition Events
HTML5 Parser
HTML5 Sandbox
HTML5 Selection
HTML5 semantic elements
HTML5 track
HTML5 video and audio
JavaScript Typed Array
ICC Color Profiles
IndexedDB
Input Method Editor API
Media Source Extensions
Navigation Timing
Page Visibility
Pointer Events (Mouse, Pen, and Touch) as
emerging web standard
RequestAnimationFrame
Navigation Timing
Screen Orientation API
Selectors API Level 2
SVG Filter Effects
SVG, standalone and in HTML
Tracking Preferences Expression (DNT)
Web Cryptography API
Web GL
Web Messaging
Web Sockets
Web Video Text Tracks Format
Web Workers
XHTML/XML
XMLHttpRequest (Level 2)
XMLHttpRequest (Level 3)
XMLHttpRequest CORS
IE11 hardware-accelerated platform
![Page 15: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/15.jpg)
DEMOWebGL
![Page 16: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/16.jpg)
WebGL のデモを見てみる
http://ie.microsoft.com/testdrive/Performance/Levitation/
![Page 18: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/18.jpg)
前 Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
後 Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko
互換性に関する変更点
• ユーザーエージェントストリング変更• 互換性 ("compatible") トークンとブラウザー ("MSIE") トークンが削除• "like Gecko" トークンが追加• ブラウザーのバージョンが、新しいリビジョン (“rv”) トークンによって報告される
• エッジモードが優先ドキュメントモードに
![Page 19: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/19.jpg)
MODERN.IE
![Page 20: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/20.jpg)
modern.IE
http://modern.ieWeb サイトを無償で検証できるツール
• 検証ウィザード(互換性、マルチプラットフォーム & ブラウザー、
Windows 8 新機能)
• 仮想環境のダウンロード• BrowserStack お試し• スクリーンショット自動生成
![Page 21: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/21.jpg)
開発者の負担を軽減
• レガシー IE (6, 7, 8) の存在
• 対応プラットフォームの増加&バージョン断片化
• (スマホ、タブレット、ゲーム コンソール)
• テスト環境の準備が困難 (社内の規定など)
• コストの問題
• 面倒くさい
![Page 23: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/23.jpg)
互換性
クロスブラウザー・プラットフォーム
Windows 8 新機能
検証ウィザード
![Page 24: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/24.jpg)
•クラウド ベースの仮想環境• BrowserStack 3 ヶ月無料
• Chrome/Firefox 用BrowserStackアドオン
•ローカルの仮想環境 (IE7-11)• Windows、Mac、Linux
•デバイス別の画面ショット
検証のための仮想環境
![Page 25: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/25.jpg)
BrowserStack
さまざまなプラットフォーム、ブラウザー、ブラウザー バージョンを検証可能
![Page 26: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/26.jpg)
DEMOmodern.IE
![Page 27: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/27.jpg)
皆様へのお願い
• Internet Explorer デベロッパー センターで開発者向けガイドと最新情報を確認し、IE11 対応をご検討下さい
• modern.IE でサイトをご検証ください
![Page 28: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/28.jpg)
リソース
• Internet Explorer デベロッパー センター (日本語)http://msdn.microsoft.com/ja-jp/ie/centrum-internet-explorer.aspx
• Internet Explorer 11 開発者向けガイドhttp://msdn.microsoft.com/ja-jp/library/ie/bg182636(v=vs.85)
• Internet Explorer ブログ (日本語)http://blogs.msdn.com/b/ie_ja/http://blogs.msdn.com/b/ie_jp/
• modern.IEhttp://modern.ie/
• IE で問題があるサイトを見つけた際の報告先http://www.modern.ie/en-us/compat-issue-report
• IE Test Drive (英語)http://ie.microsoft.com/testdrive/
• Twitter@IE_Japan
![Page 29: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/29.jpg)
アンケートにご協力ください。
![Page 30: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/30.jpg)
EXPO会場にてタッチ&トライ実施中!
![Page 31: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/31.jpg)
EXPO(展示会場)WindowsZoneで紹介中Windows ストア アプリ
業務アプリケーションも続々リリース!!
![Page 32: Windows 8.1 に標準搭載! Internet Explorer 11download.microsoft.com/download/9/9/0/990DE8BD-B565-4C49... · 2018-10-16 · HTML5 CSS3 SVG ES6 • 標準化団体(W3C, ... HTML5](https://reader034.fdocument.pub/reader034/viewer/2022050520/5fa3a9cc5386ec5d48589e0a/html5/thumbnails/32.jpg)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the
part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.