Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

97

Transcript of Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

Page 1: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 6: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 7: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 8: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 9: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 10: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 11: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 12: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 13: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

����-909��A? &$(75�I!@ )(+��

Page 14: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 15: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 17: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 19: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 35: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

68,/�H:���)�&#;�!

Page 36: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 37: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

W3C HTML5

Elements& Syntax

WAI-ARIA

HTML5Parser

multimedia

ContentModel

appcache

sections

HTML5Forms

Page 40: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

Filter

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tion

Pro-mise

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

Micro-data

Itera-tors

Proxy

Collec-tions

Mask-ing

WebStorage

Page 41: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

SSL

Filter

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tion

HSTS

CORS DNT

HTTP/2Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

Navi.Timing

Beacon

IETF

Micro-data

dataURL

Itera-tors

Proxy

Collec-tions

fetch

Brotli

Mask-ing

WebStorage

QUIC

Origin

HPKP

Page 42: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

SSL

Opusmp3

H.264

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

File

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

Navi.Timing

Beacon

IETF

OGP

Micro-data

dataURL

Itera-tors

Proxy

Collec-tions

fetch

Brotli

Mask-ing

WebStorage

QuarksMode

QUIC

Origin

HPKP

Page 43: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations Presen-

tation

SSL

Opusmp3

H.264

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

BatteryStatus

SharedWorkers

WebCrypto

PageVisibility

File

PointerEvents

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

Navi.Timing

Beacon

WritingMode

WebAnima-

tions

IETF

OGP

Micro-data

dataURL

Itera-tors

Proxy

Collec-tions

Permi-ssions

DOM

fetch

EMEBrotli

Mask-ing

Progressive Enhancement

WebStorage

QuarksMode

UIEvents

QUIC

Origin

HPKP

Page 44: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations

Game-pad

Presen-tation

SSL

Opusmp3

H.264

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

WebAudio

BatteryStatus

SharedWorkers

SIMD

WebCrypto

PageVisibility

File

PointerEvents

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

AsyncFunc.

Navi.Timing

Beacon

WritingMode

WebAnima-

tions

IETF Khronos

OGP

Game, VR & HighPerformance Apps

Micro-data

dataURL

WebVR

SharedMem.

Itera-tors

Proxy

Collec-tions

asm.js

Permi-ssions

DOM

WebGL

fetch

WebAssembly

EMEBrotli

Mask-ing

Progressive Enhancement

WebStorage

QuarksMode

UIEvents

QUIC

Origin

HPKP

Page 45: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations

Game-pad

Presen-tation

SSL

Opusmp3

H.264

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

WebAudio

BatteryStatus

GenericSensor

SharedWorkers

SIMD

WebCrypto

PageVisibility

FIDO

File

PointerEvents

MIDI

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

AsyncFunc.

Navi.Timing

Beacon

WritingMode

WebAnima-

tions

IETF Khronos

OGP

Game, VR & HighPerformance Apps

DeviceControl

Micro-data

dataURL

WebVR

SharedMem.

Itera-tors

Proxy

Collec-tions

asm.js

Permi-ssions

DOM

WebGL

fetch

WebAssembly

EMEBrotli

Mask-ing

Progressive Enhancement

WebStorage

QuarksMode

UIEvents

QUIC

Origin

Blue-tooth

USB

HPKP

Page 46: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

WebRTC

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations

Game-pad

MediaStream

datachannel

Presen-tation

SSL

MediaRecorder

Opusmp3

H.264

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

WebAudio

BatteryStatus

GenericSensor

SharedWorkers

SIMD

WebCrypto

PageVisibility

FIDO

File

PointerEvents

MIDI

Speech

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

AsyncFunc.

Navi.Timing

Beacon

WritingMode

WebAnima-

tions

IETF Khronos

OGP

Game, VR & HighPerformance Apps

Real-TimeCommunications

DeviceControl

Micro-data

dataURL

ORTC

WebVR

SharedMem.

Itera-tors

Proxy

Collec-tions

asm.js

Permi-ssions

DOM

WebGL

fetch

WebAssembly

EMEBrotli

Mask-ing

Progressive Enhancement

WebStorage

QuarksMode

UIEvents

QUIC

Origin

Blue-tooth

USB

HPKP

Page 47: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

WebRTC

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations

Game-pad

MediaStream

datachannel

Presen-tation Push

SSL

MediaRecorder

Opusmp3

H.264

ServiceWorker

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

WebAudio

BatteryStatus

GenericSensor

SharedWorkers

SIMD

WebCrypto

PageVisibility

FIDO

File

PointerEvents

MIDI

Speech

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

AsyncFunc.

Navi.Timing

Beacon

WritingMode

WebAnima-

tions

IETF Khronos

OGP

Game, VR & HighPerformance Apps

Progressive Web Apps

Real-TimeCommunications

DeviceControl

Micro-data

dataURL

ORTC

WebVR

SharedMem.

Itera-tors

Proxy

Collec-tions

asm.js

Permi-ssions

DOM

WebGL

fetch

WebAssembly

EMEBrotli

Mask-ing

Progressive Enhancement

WebApp

Manifest

WebStorage

QuarksMode

UIEvents

QUIC

Origin

Blue-tooth

USB

HPKP

Page 48: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

NetInfo

WebSocket

Protocol

APNG

Full-screen

WebRTC

HTML Components

ECMAScript2015

CSS Snapshot 2015

WHATWG

HTML

W3C HTML5

URL

HTTP

TLS

Elements& Syntax

WAI-ARIA

HTML5Parser

WebWorkers

WebSockets

API

Canvas2D

multimedia

ContentModel

appcache

sections

HTML5Forms

Server-Sent ev.

geo-location

Orientation

Notifi-cations

Game-pad

MediaStream

datachannel

Presen-tation Push

SSL

MediaRecorder

Opusmp3

H.264

ServiceWorker

FilterSVG WOFF

MathML RSS

Layout

MediaQueries

trans-form

Tran-sitions &Anima-

tions

FlexBox

MultiColumn

Fonts

UserInter-face

Shapes

textdecora-

tionIndexed

DB

vibra-tion

SMIL

VP10

HSTS

CORS

RDFRDFa

DNT

VP9WebM

OpenMedia

VP8

HTTP/2

PNG

WebAudio

BatteryStatus

GenericSensor

SharedWorkers

SIMD

WebCrypto

temp-lates

ShadowDOM

CustomElements

PageVisibility

FIDO

GridLayout

File

PointerEvents

MIDI

Speech

Pro-mise

CSP

ClassModule

blockscope

TypedArray

ArrowFunc.

TemplateLiterals

Gene-rators

AsyncFunc.

Navi.Timing

Beacon

Exclu-sions

WritingMode

WebAnima-

tions

IETF Khronos

OGP

Game, VR & HighPerformance Apps

Progressive Web Apps

Real-TimeCommunications

DeviceControl

Extensiblefor Anything!

Micro-data

dataURL

ORTC

WebVR

SharedMem.

Itera-tors

Proxy

Collec-tions

asm.js

Permi-ssions

DOM

WebGL

fetch

WebAssembly

EMEBrotli

Mask-ing

Progressive Enhancement

WebApp

Manifest

WebStorage

QuarksMode

UIEvents

QUIC

Origin

Blue-tooth

USB

HPKP

Page 49: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 51: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 55: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

// 左から右へ水平に、上から下へ垂直方向に .exampleText1 { width:75px; writing-mode: horizontal-tb; } // 上から下へ垂直に、左から右へ水平方向に .exampleText2 { height:75px; writing-mode: vertical-lr; } // 上から下へ垂直に、右から左へ水平方向に .exampleText3 { height:75px; writing-mode: vertical-rl; } // 上から下へ垂直に、すべてのグリフを左へ横倒し .exampleText4 { height:75px; writing-mode: sideways-lr; } // 上から下へ垂直に、すべてのグリフを右へ横倒し .exampleText5 { height:75px; writing-mode: sideways-rl; }

Page 58: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

// 一般的な合字の有効化 .class { font-variant-ligatures: common-ligatures; -moz-font-feature-settings: "liga", "clig"; -webkit-font-feature-settings: "liga", "clig"; font-feature-settings: "liga", "clig"; }

// 上付き序数表記 .class { font-variant-numeric: ordinal; -moz-font-feature-settings: "ordn"; -webkit-font-feature-settings: "ordn"; font-feature-settings: "ordn"; }

Page 61: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 62: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 63: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

BG=F�C���68,/�#M(

Page 64: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 68: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 69: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

var ab = new ArrayBuffer(1024); var sab = new SharedArrayBuffer(1024); var worker = new Worker("worker.js");

console.log(uInt8Array.byteLength); // 1024 worker.postMessage(uInt8Array.buffer, [uInt8Array.buffer]); // ArrayBuffer は Worker に渡すとメインスレッドではクリアされる console.log(uInt8Array.byteLength); // 0

console.log(sab.byteLength); // 1024 worker.postMessage(sab, [sab]); // SharedArrayBuffer は Worker に渡してもメインスレッドに残る console.log(sab.byteLength); // 1024

Page 70: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 74: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

�� �.14����& ">

Page 76: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 83: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

����E<L�������H:*K�(

Page 85: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

��������2/�3# (%

Page 91: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)

�J'����D'����%

Page 93: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 94: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 95: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 96: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Page 97: Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)