$30 off During Our Annual Pro Sale. View Details »

Google IO 2019 Web Recap by Jxck

Jxck
May 19, 2019

Google IO 2019 Web Recap by Jxck

Jxck

May 19, 2019
Tweet

More Decks by Jxck

Other Decks in Technology

Transcript

  1. 4

  2. 6

  3. 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
  4. 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) } }
  5. 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 これ"
  6. 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
  7. 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/