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

WebとIE10とWindows 8

Embed Size (px)

DESCRIPTION

WCAN 2013 Spring http://wcan.jp/2013spring/

Citation preview

Page 1: WebとIE10とWindows 8

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

WebとIE10とWindows 8WCAN 2013 Spring

Page 2: WebとIE10とWindows 8

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

Page 3: WebとIE10とWindows 8

自宅の机にはWindows PC

Page 4: WebとIE10とWindows 8

ポケットにはiPhone 5

Page 5: WebとIE10とWindows 8

リビングにはiPad

Page 6: WebとIE10とWindows 8

佐渡に持っていったデバイス

Page 7: WebとIE10とWindows 8

初めての電子書籍デバイスはKobo

Page 8: WebとIE10とWindows 8

Nexus 7とKoboはKindle Fire HDへ

Page 9: WebとIE10とWindows 8

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

①デバイスの多様化

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

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

Page 10: WebとIE10とWindows 8
Page 11: WebとIE10とWindows 8

Mozillaの浅井さんのスライドから拝借

Page 12: WebとIE10とWindows 8

Pointer Events Specification

Page 13: WebとIE10とWindows 8

HTML5 LABS

Page 14: WebとIE10とWindows 8

IE10

Page 15: WebとIE10とWindows 8

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 16: WebとIE10とWindows 8

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 18: WebとIE10とWindows 8

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 19: WebとIE10とWindows 8

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 21: WebとIE10とWindows 8

Contre Jour

Page 22: WebとIE10とWindows 8

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

Page 23: WebとIE10とWindows 8

Thief of Thieves

Page 25: WebとIE10とWindows 8

Modern.IE

Page 26: WebとIE10とWindows 8

ブラウザのHTML5対応を確認する

Page 28: WebとIE10とWindows 8
Page 29: WebとIE10とWindows 8

Web Applications 1.0と呼ばれていたHTML5

Page 30: WebとIE10とWindows 8

HTML5の代表的なAPI

Media

Capture

Page 31: WebとIE10とWindows 8

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

Page 32: WebとIE10とWindows 8

HTML5 : Native to Windows

Page 33: WebとIE10とWindows 8
Page 34: WebとIE10とWindows 8

Windows 8

Page 35: WebとIE10とWindows 8

Windows 8のデザインに影響を与えたトレンド

① 常時接続

② ファイルからソーシャルへ

③ クラウドストレージ

④ デスクトップからノートへ

⑤ マウス&キーボードからタッチへ

http://blogs.msdn.com/b/b8_ja/archive/2012/06/06/windows-8-user-experience.aspx

Page 36: WebとIE10とWindows 8

Office 2013の小話

Page 37: WebとIE10とWindows 8

OS

Page 38: WebとIE10とWindows 8

Windowsアプリの開発言語

Page 39: WebとIE10とWindows 8

iOSアプリの開発言語

Page 40: WebとIE10とWindows 8

Androidアプリの開発言語

Page 41: WebとIE10とWindows 8

Windows 8アプリの開発言語

Page 42: WebとIE10とWindows 8

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

Page 43: WebとIE10とWindows 8

JS系フレームワーク

Page 44: WebとIE10とWindows 8

Windows ストア

Page 45: WebとIE10とWindows 8

Windows ストアアプリいつ作るの?今でしょ!

Page 46: WebとIE10とWindows 8

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

Page 47: WebとIE10とWindows 8