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

AMP/CakeFest 2019 Tokyo LT

AMP/CakeFest 2019 Tokyo LT

Kenichiro Kishida

November 09, 2019
Tweet

More Decks by Kenichiro Kishida

Other Decks in Technology

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