AMP/CakeFest 2019 Tokyo LT

Transcript

1. $BLF'FTU5PLZP
   ,FOJDIJSP,JTIJEB
   !TJ[VIJLP
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   5PLZP +"1"/
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   

   View Slide

3. !
   Orlando
   "
   Buenos Aires
   #
   Berlin
   !
   Chicago
   $
   Manchester
   $
   Manchester
   !
   SanFrancisco
   %
   Madrid
   !
   N.Y
   &
   Amsterdam
   !
   N.Y
   '
   Tokyo
   ✅ ✅ ✅ ✅
   ✅ ✅ ✅
   ✅
   

   View Slide

4. View Slide

5. w".1XBTMBVODIFEUPTPMWF
   QFSGPSNBODFQSPCMFNT
   w-JCSBSZGSBNFXPSLPOUIF8FC
   QBHF BT)5.-
   w#BTFEPO8FC$PNQPOFOUT
   w-BTUZFBS DMJDLUISPVHISBUFGSPN
   (PPHMFTFBSDIUP".1QBHF
   JODSFBTFECZ
   ".1
   https://amp.dev/ja/
   

   View Slide

6. ".1)5.-
   https://amp.dev/ja/documentation/guides-and-tutorials/start/create/basic_markup?
   format=websites
   

   View Slide

7. https://amp.dev/ja/
   

   View Slide

8. View Slide

9. View Slide

10. w".1XBTJODPOWFOJFOUXJUIPOMZ
    )5.-BOE$44 CVUBMMPXT
    FYFDVUJPOPG+BWB4DSJQU
    w&YFDVUFXJUI8PSLFS%0.
    UFDIOPMPHZPG8FC8PSLFS XIJDI
    JTEJGGFSFOUGSPNNBJOUISFBE
    w"QQMZGPS0SJHJO5SJBMGSPNCJUMZ
    BNQTDSJQUUSJBM
    BNQTDSJQU
    

    View Slide

11. BNQTDSJQU
    https://twitter.com/AMPhtml/status/1116378847937613824
    

    View Slide

12. w".1'JSTUBQQSPBDI
    w"U'JSTU TUBSUDSFBUJPOXJUI".1
    BOEJNQMFNFOUUIFNJTTJOHQBSU
    BTCVTJOFTTMPHJDXJUIBNQTDSJQU
    w*GUIFSFJTTUJMMTPNFUIJOH
    NJTTJOH IFMQJUXJUIUIF#FOUP
    ".1QSPKFDU
    w&OBCMFTUIFVTFPG".1
    DPNQPOFOUTPOXFCQBHFTUIBU
    BSFOPU".1QBHFT'PSFYBNQMF
    VTFJUJODPNCJOBUJPOXJUIPUIFS
    GSBNFXPSLTPS8FC$PNQPOFOUT
    #FOUP".1
    

    View Slide

13. w5IFTUPSZGFBUVSFUIBUTUBSUFE
    XJUITOBQDIBUXBTCFDBNF
    GBNPVTCZ*OTUBHSBN 'BDFCPPL
    BOEXIBUTBQQ
    w#VUIBSEUPpOE

    4P JGZPVVTF".14UPSJFT ZPV
    DBOTFBSDI MJOLBOETIBSF
    CFDBVTFJUJTBXFCQMBUGPSN
    ".14UPSJFT
    

    View Slide

14. https://amp.dev/about/stories
    

    View Slide

15. https://www-washingtonpost-com.cdn.ampproject.org/c/s/
    www.washingtonpost.com/graphics/2019/national/amp-
    stories/2019-state-of-the-union-reactions/
    

    View Slide

16. w-PDBMJ[BUJPO4VQQPSUTMBOHT

    IUNM⚡MBOHKB
    w%FTLUPQ%FGBVMUJTNPCJMF

    BNQTUPSZTVQQPSUTMBOETDBQF
    w4JEFCBS"EEUPIBNCVSHFSNFOV

    BNQTJEFCBS
    w"UUBDINFOUT

    BNQTUPSZQBHFBUUBDINFOU
    w&NCFET-JLFB&NCFE5XJUUFS
    ".14UPSJFT
    

    View Slide

17. w".1DPOUFOUDBOCFFNCFEFEJO
    UIFNBJMUFYU
    w*OUIFQBTUDBTFT UIFDMJDLSBUF
    BOEDPOWFSTJPOSBUFUFOEUP
    JODSFBTF
    ".1&NBJM
    

    View Slide

18. View Slide

19. w%FMJWFSZTFSWJDF

    

    

    w5FTUJOH

    w&NBJM$MJFOUT

    

    

    ".1&NBJM
    

    View Slide

20. w/05XFCQBDL
    w.BLFJUQPTTJCMFUPTJHOBOE
    EJTUSJCVUFZPVSXFCTJUFT
    w$POTJTUTPGUISFFMBZFST
    • Signed HTTP exchanges
    • Signed request / response
    • Bundled HTTP exchanges
    • Multiple requests / responses in one
    • Loading
    • How to read Signed HTTP exchange in
    your browser
    8FC1BDLBHJOH
    https://github.com/WICG/webpackage
    

    View Slide

21. w*ODSFBTFEBSDIJWFSFMJBCJMJUZ
    w%FMJWFSZPVSTJUFPO$%/
    w6TFXJUI".1
    • https://google.com/amp/s/
    yourdomain/…
    • https://yourdomain/…
    w&BTJFSXJUI".11BDLBHFS
    8FC1BDLBHJOH6TBHFT
    https://github.com/ampproject/amppackager
    

    View Slide

22. WJTJUNZCMPHHJUIVC
    https://github.com/sizuhiko
    http://blog.open.tokyo.jp
    

    View Slide