webとie10とwindows 8

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

WebとIE10とWindows 8WCAN 2013 Spring

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

自宅の机にはWindows PC

ポケットにはiPhone 5

リビングにはiPad

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

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

Nexus 7とKoboはKindle Fire HDへ

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

①デバイスの多様化

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

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

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

Pointer Events Specification

HTML5 LABS

IE10

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

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

>>

>>>

IE10は速い

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

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

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

Windows 7版 IE10の提供を開始

Contre Jour

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

Thief of Thieves

IE Test Drive

Modern.IE

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

ブラウザの市場を調べる

Web Applications 1.0と呼ばれていたHTML5

HTML5の代表的なAPI

Media

Capture

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

HTML5 : Native to Windows

Windows 8

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

① 常時接続

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

③ クラウドストレージ

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

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

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

Office 2013の小話

OS

Windowsアプリの開発言語

iOSアプリの開発言語

Androidアプリの開発言語

Windows 8アプリの開発言語

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

JS系フレームワーク

Windows ストア

Windows ストアアプリいつ作るの？今でしょ！

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