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

Google I/O '19のWebをまとめる会

Google I/O '19のWebをまとめる会

@pirosikick の発表資料です。
https://mentaico-js.connpass.com/event/132416/

Hiroyuki ANAI

June 19, 2019
Tweet

More Decks by Hiroyuki ANAI

Other Decks in Technology

Transcript

  1. (PPHMF*0ͷ
    8FCΛ·ͱΊΔձ
    8FC

    !QJSPTJLJDL

    View Slide

  2. ࣗݾ঺հ
    w !QJSPTJLJDL
    w αΠϘ΢ζגࣜձࣾ

    ϑϩϯτΤϯυΤΩεύʔτνʔϜ
    w ࡢ೔ɺ௕ঁ͕࢈·Ε·ͨ͠!

    View Slide

  3. ϑϩϯτΤϯυ
    ΤΩεύʔτνʔϜ
    !LPCB
    !@@TBLJUP@@
    !UPTIJ@@UPNB

    ![BLJ@@@ZBNB

    View Slide

  4. զʑ͕ݟͨಈը
    w 8IBUT/FXXJUI$ISPNFBOEUIF
    8FC
    w 8IBUTOFXJO+BWB4DSJQU
    w %FNZTUJGZJOH4QFFE5PPMJOH
    w 4QFFEBU4DBMF
    w (PJOH#JH18"T$PNFUP%FTLUPQ
    BOE$ISPNF04
    w 3FOEFSJOHPOUIF8FC
    w 8FC"TTFNCMZGPS8FC%FWFMPQFS
    w 3BQJEMZ#VJMEJOH#FUUFS8FC
    &YQFSJFODFTXJUI".1
    w 6OMPDLJOH/FX$BQBCJMJUJFTGPS
    UIF8FC
    w .PEFSO8FC5FTUJOHBOE
    "VUPNBUJPOXJUI1VQQFUFFS
    w 4FDVSJOH8FC"QQTXJUI.PEFSO
    1MBUGPSN'FBUVSFT

    View Slide

  5. w 8FC"TTFNCMZGPS8FC%FWFMPQFS
    w 3BQJEMZ#VJMEJOH#FUUFS8FC
    &YQFSJFODFTXJUI".1
    w 6OMPDLJOH/FX$BQBCJMJUJFTGPS
    UIF8FC
    w .PEFSO8FC5FTUJOHBOE
    "VUPNBUJPOXJUI1VQQFUFFS
    w 4FDVSJOH8FC"QQTXJUI.PEFSO
    1MBUGPSN'FBUVSFT
    ͜ͷൃදͰ৮ΕΔಈը
    w 8IBUT/FXXJUI$ISPNFBOEUIF
    8FC
    w 8IBUTOFXJO+BWB4DSJQU
    w %FNZTUJGZJOH4QFFE5PPMJOH
    w 4QFFEBU4DBMF
    w (PJOH#JH18"T$PNFUP%FTLUPQ
    BOE$ISPNF04
    w 3FOEFSJOHPOUIF8FC

    View Slide

  6. w ؍ͨಈըΛࡾߦͰ঺հ
    w ҹ৅ʹ࢒ͬͨͱ͜ΖΛϐοΫΞοϓͯ͠঺հ

    View Slide

  7. ֤ಈըΛࡾߦͰ঺հ

    View Slide

  8. IUUQTXXXZPVUVCFDPNXBUDI WS66B[/*;8*

    View Slide

  9. 8IBUT/FX
    XJUI$ISPNFBOEUIF8FC
    w 8FCͷΩʔϊʔτతͳཱͪҐஔͷηογϣϯ

    શମతʹઙ͘޿͘࿩͍ͯ͠Δ
    w ࠷ۙͷ(PPHMFɺ$ISPNFͷऔΓ૊Έʹ͍ͭͯ
    w 1BJOU)PMEJOHɺ1PSUBMTɺ8FC1BDLBHJOHɺFUD

    View Slide

  10. IUUQTXXXZPVUVCFDPNXBUDI WDPZW2,&;&

    View Slide

  11. 8IBUTOFXJO
    +BWB4DSJQU
    w Wͷ+BWB4DSJQUͷ࠷దԽͱͦͷ݁Ռ
    w ࣮૷͞Εͨ+4ͷ৽͍͠ߏจɾػೳ
    w QSJWBUFDMBTTpFMEɺ1SPNJTF\BMM4FUUMFEcBOZ^ɺFUD
    w ࡦఆɾ࣮૷தͷ"1*
    w 8FBL3FG

    View Slide

  12. IUUQTXXXZPVUVCFDPNXBUDI WN-KY91)V*+P

    View Slide

  13. %FNZTUJGZJOH
    4QFFE5PPMJOH
    w ϏδωεͰύϑΥʔϚϯεվળΛਐΊΔεςοϓ
    w ֤εςοϓͰͲͷΑ͏ͳπʔϧΛ࢖͑͹Α͍͔
    w -JHIUIPVTF΍4FBSDI$POTPMF౳ͷ৽ػೳʹ͍ͭͯ

    View Slide

  14. IUUQTXXXZPVUVCFDPNXBUDI W:+($;$B*;L2

    View Slide

  15. 4QFFEBU4DBMF
    w 8FCαΠτͷύϑΥʔϚϯεΛ޲্ɾҡ࣋͢ΔͨΊͷ5JQT
    w -JHIU8BMMFUɺ-B[ZMPBEJOHɺ3FTQPOTJWF*NBHFTɺ

    TDSJQUEFGFSɺQSFGFUDIɺDPEFTQMJUUJOHFUD
    w ͦΕΒΛ࣮ફͨ͠ࠃ಺֎ͷࣄྫ
    w 8BMNBSUɺ5XJUUFSɺ/FUqJYFUD
    w ࣮ફ͠΍͍͢ςΫχοΫ͕ଟ͍ҹ৅ͳͷͰ͓͢͢Ί

    View Slide

  16. IUUQTXXXZPVUVCFDPNXBUDI WEM%0T1I&&

    View Slide

  17. (PJOH#JH
    18"T$PNFUP%FTLUPQBOE$ISPNF04
    w 18"ͱ͸ͳΜͳͷ͔ʁ

    Կ͕໨తͳͷ͔ʁ

    Ͳ͏͍͏͜ͱ͕Ͱ͖Δͷ͔ʁ
    w 18"͸ϢχόʔαϧΞϓϦέʔγϣϯ

    ͭͷίʔυϕʔεͰ༷ʑͳϓϥοτϑΥʔϜʹ

    ରԠͰ͖Δ
    w ࠓޙͷ18"ɿϑΝΠϧૢ࡞ʹ͍ͭͯରԠத

    View Slide

  18. IUUQTXXXZPVUVCFDPNXBUDI WL"7GV630H

    View Slide

  19. 3FOEFSJOHPOUIF8FC
    w 41"ͷϨϯμϦϯάʹؔ͢Δࠓ·Ͱͷख๏ͱվળͷ࿩
    w $43ɺ$43443ɺ੩తʢ(BUTCZKTͳͲʣɺ

    1SPHSFTTJWF)ZESBUJPOˡ/FX
    w ͜ͷલͷ3FBDUษڧձͰղઆͨ͠ͷͰͲ͏ͧʂ
    w IUUQTTQFBLFSEFDLDPNQJSPTJLJDLQSPHSFTTJWF
    IZESBUJPOOVNCFSSFBDUGVLVPLB

    View Slide

  20. IUUQTXXXZPVUVCFDPNXBUDI WOKU2[XN7:

    View Slide

  21. 8FC"TTFNCMZGPS
    8FC%FWFMPQFS
    w 8FC"TTFNCMZͷݱঢ়
    w ݱঢ়ͲͷΑ͏ͳϢʔεέʔεͰར༻͞Ε͍ͯΔ͔
    w FCBZͷ23ίʔυϦʔμʔɺTRVPPTIBQQ
    w +4Ͱॻ͍ͨ৔߹ͱͷύϑΥʔϚϯεͷൺֱ
    w XBTN͸҆ఆͨ͠ύϑΥʔϚϯεΛग़ͤΔ

    View Slide

  22. IUUQTXXXZPVUVCFDPNXBUDI WB3,'4&TY

    View Slide

  23. 3BQJEMZ#VJMEJOH#FUUFS
    8FC&YQFSJFODFTXJUI".1
    w ".1ʹ͍ͭͯ
    w #FOUP".1ɺ".1)5.-BETɺ

    BNQBOBMZUJDTɺ".14UPSJFTɺ".1&NBJMFUD
    w ͜Ε͔Βͷ".1ʹ͍ͭͯʢεϥΠυຕͰܰ͘ʣ
    w ࢧ෷͍ɺ4UBUFGVM1BHFTɺ&NBJMͷಈըରԠFUD
    w &NBJMɺ4UPSJFTʹ͍ͭͯ͸ผηογϣϯ͕͋Δ

    View Slide

  24. IUUQTXXXZPVUVCFDPNXBUDI W(4J6[V#1P*

    View Slide

  25. 6OMPDLJOH
    /FX$BQBCJMJUJFTGPSUIF8FC
    w 8FCͱωΠςΟϒΞϓϦͷΪϟοϓ
    w ͦͷΪϟοϓΛຒΊΔͨΊʹ

    ͲͷΑ͏ͳϓϩηεͰ"1*͕ࡦఆɾ࣮૷͞Ε͍ͯΔ͔
    w ࡦఆɾ࣮૷தͷ৽͍͠"1*ͷ঺հ
    w 8FC4IBSF5BSHFUɺ#BEHJOH

    View Slide

  26. ҹ৅ʹ࢒ͬͨͱ͜Ζ

    View Slide

  27. 1PSUBMT
    IUUQTXXXZPVUVCFDPNXBUDI WK6:REJX31L

    View Slide

  28. ͸ͯͳʹ͓͚Δ1PSUBMT
    IUUQTTDSBQCPYJPQBTUBLQVC
    &"'&"&""&"#&"

    View Slide

  29. w Αͦ͞͏ͳ఺
    w QPSUBMTλάΛॻ͍ͯɺBDUJWBUFؔ਺ΛݺͿ͚ͩͰ

    ຒΊࠐΊΔ

    View Slide

  30. w ͳ఺
    w ·ͩόά͕ଟ͍ʁ
    w )JTUPSZ͕ফ͑Δɺ໭Δ͕Ͱ͖ͳ͍
    w 1PSUBMT͕ೖΕࢠʹͳΔͱϒϥ΢β͕མͪΔFUD
    w ·ͩ$ISPNF͔࣮͠૷͞Ε͓ͯΒͣɺ

    ࠓޙଞͷϒϥ΢βʔͰ࣮૷͞ΕΔ͔͸෼͔Βͳ͍

    View Slide

  31. IUUQTHJUIVCDPNNP[JMMB
    TUBOEBSETQPTJUJPOTJTTVFT

    View Slide

  32. IUUQTHJUIVCDPNNP[JMMB
    TUBOEBSETQPTJUJPOTJTTVFT

    View Slide

  33. 8FCύϑΥʔϚϯε͸
    ٕज़Ͱ͸ͳ͘Ϗδωεͷ՝୊

    View Slide

  34. IUUQTZPVUVCFN-KY91)V*+P U
    ૊৫ͷಉҙΛूΊΔ
    Ϗδωεͷΰʔϧͱ
    36.ͷϝτϦΫεΛඥ෇͚Δ

    View Slide

  35. +BWB4DSJQUWTXBTN
    IUUQTZPVUVCFOKU2[XN7: U
    %FPQUJNJ[BUJPO

    View Slide

  36. +BWB4DSJQU͸ϒϥ΢βʹΑͬͯόϥπΩ͕͋Δ
    XBTN͸Ͳͷϒϥ΢βͰ΋҆ఆ͍ͯ͠Δ

    View Slide

  37. XBTNBMMUIFUIJOH
    XBTNUIFSJHIUUIJOH
    w શͯΛXBTNʹدͤΔͷ͸͍͍ΞΠσΞͱ͸ݴ͑ͳ͍
    w σόοά͕೉͍͠
    w DPEFTQMJUUJOH͕೉͍͠FUD

    View Slide

  38. ͦͷଞͷײ૝
    w ฉ͖औΓ΍͍͢ӳޠʴ:PV5VCFͷࣈນ͕͔ͳΓਖ਼֬ͳͷͰ

    ҙ֎ͱཧղͰ͖Δ
    w ͋·Γ௥͑ͯͳ͔ͬͨ෼໺ͷಈը΄Ͳ

    ʮͦ͏ͳΜͩʂʯͱࢥ͏͜ͱ͕ଟ͘ମײతʹ͙͢ݟऴΘΔ


    View Slide

  39. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠

    View Slide