Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Google IO 2019 Web Recap by Jxck
Jxck
May 19, 2019
Technology
0
190
Google IO 2019 Web Recap by Jxck
https://gdg-tokyo.connpass.com/event/128867/
Jxck
May 19, 2019
Tweet
Share
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
20
12k
IE Graduation Certificate
jxck
6
4.8k
RFC 9111: HTTP Caching
jxck
0
160
tc39_study_2
jxck
1
910
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
570
Web Components 元年 v3 / Web Components first year v3
jxck
1
520
Periodic Background Sync
jxck
0
290
Podcast over PWA
jxck
0
150
Yearly Web 2019
jxck
0
87
Other Decks in Technology
See All in Technology
Custom GitHub Actions by Java
kazamori
0
290
The application of formal methods in Kafka reliability engineering
line_developers
PRO
1
210
ソフトウェアテスト自動化、一歩前へ
yoshikiito
6
990
誰が正解を知っているのか / Who knows the right answer
takaking22
1
250
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
comucal
PRO
0
240
アーキテクチャを明文化して開発に臨んだ話
akkie76
0
350
サイボウズの アジャイル・クオリティ / Agile Quality at Cybozu
cybozuinsideout
PRO
4
2.4k
Camp Digital 2022: tailored advice
kyliehavelock
0
150
MoT TechTalk #12 タクシーアプリ『GO』大規模トラフィックを捌く分析データ基盤の全容に迫る!
mot_techtalk
1
380
さいきんのRaspberry Pi。 / osc22do-rpi
akkiesoft
6
5.3k
JJUG2022_spring_Keycloak (Red Hat Single Sign-on)
tinoue
0
200
ノーコードで Stripeを使いこなす3つの方法 / jp-stripes-online-vol-4
stripehideokamoto
0
310
Featured
See All Featured
Scaling GitHub
holman
451
140k
Agile that works and the tools we love
rasmusluckow
319
19k
Fantastic passwords and where to find them - at NoRuKo
philnash
27
1.5k
Design by the Numbers
sachag
271
17k
Git: the NoSQL Database
bkeepers
PRO
415
59k
Facilitating Awesome Meetings
lara
29
4k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
213
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
105
16k
Gamification - CAS2011
davidbonilla
75
3.9k
What's new in Ruby 2.0
geeforr
336
30k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Transcript
Web Recap #io19jp #io1pjp 2019/5/18 Jxck
None
3 Lazy Loading img/iframe <img loading=eager> <img loading=lazy > <img
loading=auto >
4
5 Portals <portal src=url>
6
7 Singned HTTP Exchanges
8 Project Fugu 48
9 Close the Gap with Native • God 7 ◦
Writable Files API ◦ Badging API ◦ Wake Lock API ◦ Shape Detection API ◦ Periodic Background Sync ◦ Contact Picker API • Graduated ◦ Web Share API • Students ◦ https://bugs.chromium.org/p/chromium/issues/list?q=label:Proj-Fugu
New JS Features 10
class field 11 class Counter { constructor() { this.count =
0 } increment() { this.count ++ } display() { console.log(this.count) } } class Counter { count = 0 increment() { this.count ++ } display() { console.log(this.count) } }
Promise.{allSettled, any} 12 Promise.all: 一個でも失敗したら止まる Promise.allSettled: とにかく全部やる Promise.race: 一個成功/失敗したら止まる Promise.any:
一個成功したら止まる
Intl 13 intl = new Int.RelativeTimeFormat('ja') intl.format(-1, 'day') // "昨日"
intl = new Intl.DateTimeFormat('ja-JP-u-ca-japanese', {era:'long'}) intl.format(Date.now()) // "令和1年5月19日" intl = new Intl.ListFormat('ja-jp') intl.format(['あれ', 'これ']) // "あれ、これ" intl = new Intl.ListFormat('en') intl.format(['あれ', 'これ']) // "あれ and これ"
BigInt 14 // JS の Number の最大値 big = Number.MAX_SAFE_INTEGER
// 9007199254740991 (2^53-1) big = 9999999999999999999999999999n big = BigInt("0xffffffffffffffff") big = BigInt(Number.MAX_SAFE_INTEGER) ^ 2n
Googlebot to latest Chromium 15
Paint Holding 16
17 Google Fonts + font-display 大きなフォントを落としてる間、システムフォントで表示できる。
18 explanation • Signed HTTP Exchange ◦ https://blog.jxck.io/entries/2018-12-01/signed-http-exchanges.html • JS
Private Field ◦ https://blog.jxck.io/entries/2019-03-14/private-class-field.html • Web Font display: swap ◦ https://blog.jxck.io/entries/2017-12-06/font-display.html • Portal ◦ https://mozaic.fm ◦ https://labs.jxck.io/portals • Lazyloading ◦ https://blog.jxck.io ◦ http://labs.jxck.io/lazyload/
Jack thanks