IE10とWindows 8とHTML5

34
春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト IE10 Windows 8 HTML5

description

CSS Niteビギナーズ:HTML5+CSS3の「IE10とWindows 8とHTML5」セッションで使用したスライドです。 http://cssnite.jp/beginners/html5css3/

Transcript of IE10とWindows 8とHTML5

Page 1: IE10とWindows 8とHTML5

春日井良隆 日本マイクロソフト株式会社 UXエバンジェリスト

IE10とWindows 8とHTML5

Page 2: IE10とWindows 8とHTML5

日本マイクロソフトという会社

Page 3: IE10とWindows 8とHTML5

Windows PC

Page 4: IE10とWindows 8とHTML5

iPhone 5

Page 5: IE10とWindows 8とHTML5

iPad

Page 6: IE10とWindows 8とHTML5

Kindle Fire HD

Page 7: IE10とWindows 8とHTML5

いま、なにが起きているのか?

①デバイスの多様化

②ローカルからクラウドへ

③タッチインターフェイス

Page 8: IE10とWindows 8とHTML5

IE10

Page 9: IE10とWindows 8とHTML5

Office 2013の小話

Page 10: IE10とWindows 8とHTML5

Poiner Events をW3Cに提出

Page 11: IE10とWindows 8とHTML5
Page 12: IE10とWindows 8とHTML5

Internet Explorer 9

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

Page 13: IE10とWindows 8とHTML5

Internet Explorer 10

CSS 2D Transforms

CSS 3D Transforms

CSS Animations

CSS Backgrounds & Borders

CSS Color

CSS Flexbox

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

DOM Element Traversal

DOM HTML

DOM Level 3 Core

DOM Level 3 Events

DOM Style

DOM Traversal and Range

DOMParser and XMLSerializer

ECMAScript 5

File Reader API

File Saving

FormData

HTML5 Application Cache

HTML5 async

HTML5 BlobBuilder

HTML5 Canvas

HTML5 Drag and drop

HTML5 Forms and Validation

HTML5 Geolocation

HTML5 History API

HTML5 Parser

HTML5 Sandbox

HTML5 Selection

HTML5 semantic elements

HTML5 track

HTML5 video and audio

JavaScript Typed Array

ICC Color Profiles

IndexedDB

Page Visibility

Pointer (Mouse, Pen, and Touch) Events

RequestAnimationFrame

Navigation Timing

Selectors API Level 2

SVG Filter Effects

SVG, standalone and in HTML

Web Messaging

Web Sockets

Web Workers

XHTML/XML

XMLHttpRequest (Level 2)

XMLHttpRequest CORS

>>

>>>

Page 14: IE10とWindows 8とHTML5

キリンジ『いつも可愛い』

Page 16: IE10とWindows 8とHTML5

IE10は 省電力

0 10 20 30 40 50 60

Windows XP + IE6

Windows Vista + IE7

Windows 7 + IE9

Windows 8 + IE10

Windows 8 + Chrome 21

Windows 8 + Firefox 15

バッテリー持続時間 (分)

Page 17: IE10とWindows 8とHTML5

IE10は 安全

70.40%

4.20%

99.10%

4.30%

0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%

Chrome 21

Firefox 15

IE10

Safari 5

ソーシャルエンジニアを使ったマルウェアのブロック率

https://www.nsslabs.com/reports/browser-security-comparative-analysis-socially-engineered-malware

Page 18: IE10とWindows 8とHTML5

Modern.IE

Page 19: IE10とWindows 8とHTML5
Page 20: IE10とWindows 8とHTML5

Web Applications 1.0と呼ばれていたHTML5

Page 21: IE10とWindows 8とHTML5

『ウェブ進化 最終形』から

Page 22: IE10とWindows 8とHTML5

HTML5 : Native to Windows

Page 23: IE10とWindows 8とHTML5
Page 24: IE10とWindows 8とHTML5

Windows 8

Page 25: IE10とWindows 8とHTML5

Windowsアプリの開発言語

Page 26: IE10とWindows 8とHTML5

iOSアプリの開発言語

Page 27: IE10とWindows 8とHTML5

Androidアプリの開発言語

Page 28: IE10とWindows 8とHTML5

Windows 8アプリの開発言語

Page 29: IE10とWindows 8とHTML5

HTML5+JSで作られているWindows 8アプリ

Page 30: IE10とWindows 8とHTML5

OS

Page 31: IE10とWindows 8とHTML5

フレームワーク

Page 32: IE10とWindows 8とHTML5

Windows ストア

Page 33: IE10とWindows 8とHTML5

Microsoft's New Envisioning Center: Live, Work, Play

Page 34: IE10とWindows 8とHTML5