2


“the term "HTML5" is widely used
as a buzzword to refer to modern
Web technologies”












“The full Safari engine is inside of
iPhone. And so, you can write
amazing Web 2.0 and Ajax apps
that look exactly and behave
exactly like apps on the iPhone.”


“... the biggest mistake that we
made, as a company, is

betting too much on HTML5

as opposed to native …”




28
WHATWG
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
Micro-
data
Web
Storage
28
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
Filter
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Pro-
mise
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Micro-
data
Itera-
tors
Proxy
Collec-
tions
Mask-
ing
Web
Storage
28
Net
Info
Web
Socket
APNG
Full-
screen
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Presen
-
SSL
Opus
mp3
H.
264
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Batter
y
Shared
Workers
Web
Crypto
Page
Visibilit
File
Pointer
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Navi.
Timing
Beacon
Writing
Mode
Web
Anima-
tions
IETF
OGP
Micro-
data
data
Itera-
tors
Proxy
Collec-
tions
Permi-
ssions
DOM
fetch
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
HPKP
28
Net
Info
Web
Socket
APNG
Full-
screen
WebRTC
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Game-
pad
Media
data
channe
Presen
- Push
SSL
Media
Recorder
Opus
mp3
H.
264
Service
Worker
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Web
Audio
Batter
y
Generi
c
Shared
Workers
SIMD
Web
Crypto
Page
Visibilit
FIDO
File
Pointer
MIDI
Speech
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Async
Func.
Navi.
Timing
Beacon
Writing
Mode
Web
Anima-
tions
IETF Khronos
OGP
Game, VR & High

Performance Apps
Progressive
Web Apps
Real-Time

Communications
Device

Control
Micro-
data
data
ORTC
WebVR
Shared
Mem.
Itera-
tors
Proxy
Collec-
tions
asm.js
Permi-
ssions
DOM
WebGL
fetch
Web
Assembl
y
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
App
Manifest
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
Blue-
tooth
USB
HPKP
28
Net
Info
Web
Socket
APNG
Full-
screen
WebRTC
HTML
Components
ECMAScript

2015
CSS Snapshot 2015
WHATWG
W3C

HTML5
URL
HTTP
TLS
Element
s &
WAI-
ARIA
HTML5
Parser
Web
Workers
Web
Socket
s
Canvas
2D
multi
media
Content
Model
app
cache
section
s
HTML5
Forms
Server-
Sent ev.
geo-
locatio
Orient
ation
Notifi-
Game-
pad
Media
data
channe
Presen
- Push
SSL
Media
Recorder
Opus
mp3
H.
264
Service
Worker
FilterSVG WOFF
Math
ML RSS
Layout
Media
trans-
form
Tran-
sitions &
Anima-
tions
Flex
Box
Multi
Colum
Fonts
User
Inter-
Shapes
text
decora-
Indexed
DB
vibra-
tion
SMIL
VP10
HSTS
CORS
RDF
RDFa
DNT
VP9
Web
Open
Media
VP8
HTTP/2
PNG
Web
Audio
Batter
y
Generi
c
Shared
Workers
SIMD
Web
Crypto
temp-
lates
Shadow
DOM
Custom
Element
s
Page
Visibilit
FIDO
Grid
Layout
File
Pointer
MIDI
Speech
Pro-
mise
CSP
Class
Modul
e
block
scope
Typed
Array
Arrow
Func.
Templat
e
Gene-
rators
Async
Func.
Navi.
Timing
Beacon
Exclu-
sions
Writing
Mode
Web
Anima-
tions
IETF Khronos
OGP
Game, VR & High

Performance Apps
Progressive
Web Apps
Real-Time

Communications
Device

Control
Extensible

for Anything!
Micro-
data
data
ORTC
WebVR
Shared
Mem.
Itera-
tors
Proxy
Collec-
tions
asm.js
Permi-
ssions
DOM
WebGL
fetch
Web
Assembl
y
EME
Brotli
Mask-
ing
Progressive Enhancement
Web
App
Manifest
Web
Storage
Quarks
Mode
UI
Events
QUIC
Origi
Blue-
tooth
USB
HPKP






















Windows
10
Windows 10 IoT
Android
& AOSP
Realtime OS
No OS
Linux
Qt
Gecko on Linux
(main target)
Arduino, RasPi etc.
iOS
Win10
mobile
macOS
automotive
ATM
medical
kioskFA
HEMS
PC
intercom
signage
sensor
copy
mobile
Robot
projector
home
appliance
Nest
AR
echo
TV
STB
PLC















 




HTML5 & Renesas RZ/G

  • 2.
  • 12.
  • 16.
    “the term "HTML5"is widely used as a buzzword to refer to modern Web technologies”
  • 17.
  • 19.
  • 23.
  • 24.
    “The full Safariengine is inside of iPhone. And so, you can write amazing Web 2.0 and Ajax apps that look exactly and behave exactly like apps on the iPhone.”
  • 26.
  • 27.
    “... the biggestmistake that we made, as a company, is
 betting too much on HTML5
 as opposed to native …”
  • 28.
  • 31.
  • 32.
    28 ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. Filter Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Pro- mise Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Micro- data Itera- tors Proxy Collec- tions Mask- ing Web Storage
  • 33.
    28 Net Info Web Socket APNG Full- screen ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Presen - SSL Opus mp3 H. 264 FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Batter y Shared Workers Web Crypto Page Visibilit File Pointer Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Navi. Timing Beacon Writing Mode Web Anima- tions IETF OGP Micro- data data Itera- tors Proxy Collec- tions Permi- ssions DOM fetch EME Brotli Mask- ing Progressive Enhancement Web Storage Quarks Mode UI Events QUIC Origi HPKP
  • 34.
    28 Net Info Web Socket APNG Full- screen WebRTC ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto Page Visibilit FIDO File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  • 35.
    28 Net Info Web Socket APNG Full- screen WebRTC HTML Components ECMAScript
 2015 CSS Snapshot 2015 WHATWG W3C
 HTML5 URL HTTP TLS Element s& WAI- ARIA HTML5 Parser Web Workers Web Socket s Canvas 2D multi media Content Model app cache section s HTML5 Forms Server- Sent ev. geo- locatio Orient ation Notifi- Game- pad Media data channe Presen - Push SSL Media Recorder Opus mp3 H. 264 Service Worker FilterSVG WOFF Math ML RSS Layout Media trans- form Tran- sitions & Anima- tions Flex Box Multi Colum Fonts User Inter- Shapes text decora- Indexed DB vibra- tion SMIL VP10 HSTS CORS RDF RDFa DNT VP9 Web Open Media VP8 HTTP/2 PNG Web Audio Batter y Generi c Shared Workers SIMD Web Crypto temp- lates Shadow DOM Custom Element s Page Visibilit FIDO Grid Layout File Pointer MIDI Speech Pro- mise CSP Class Modul e block scope Typed Array Arrow Func. Templat e Gene- rators Async Func. Navi. Timing Beacon Exclu- sions Writing Mode Web Anima- tions IETF Khronos OGP Game, VR & High
 Performance Apps Progressive Web Apps Real-Time
 Communications Device
 Control Extensible
 for Anything! Micro- data data ORTC WebVR Shared Mem. Itera- tors Proxy Collec- tions asm.js Permi- ssions DOM WebGL fetch Web Assembl y EME Brotli Mask- ing Progressive Enhancement Web App Manifest Web Storage Quarks Mode UI Events QUIC Origi Blue- tooth USB HPKP
  • 37.
  • 38.
  • 40.
  • 45.
  • 50.
  • 54.
  • 56.
  • 65.
    Windows 10 Windows 10 IoT Android &AOSP Realtime OS No OS Linux Qt Gecko on Linux (main target) Arduino, RasPi etc. iOS Win10 mobile macOS automotive ATM medical kioskFA HEMS PC intercom signage sensor copy mobile Robot projector home appliance Nest AR echo TV STB PLC
  • 69.
  • 71.
  • 84.