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

Post on 16-Apr-2017

5.500 views 4 download

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

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

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

W3C HTML5

Elements& Syntax

WAI-ARIA

HTML5Parser

multimedia

ContentModel

appcache

sections

HTML5Forms

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

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

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

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

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

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

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

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

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

// 左から右へ水平に、上から下へ垂直方向に .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; }

// 一般的な合字の有効化 .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"; }

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

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

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

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

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

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