AMP/CakeFest 2019 Tokyo LT

Transcript

1. 
   $BLF'FTU
   
   5PLZP ,FOJDIJSP
   ,JTIJEB
   !TJ[VIJLP
2. ,FOJDIJSP
   ,JTIJEB
   5PLZP
   +"1"/
   TJ[VIJLP!HNBJMDPN
   
   !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   
3. ! Orlando " Buenos Aires # Berlin ! Chicago $ Manchester $ Manchester ! SanFrancisco % Madrid ! N.Y & Amsterdam ! N.Y ' Tokyo ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
5. w".1
   XBT
   MBVODIFE
   UP
   TPMWF
   QFSGPSNBODF
   QSPCMFNT
   w-JCSBSZ
   
   GSBNFXPSL
   PO
   UIF
   8FC
   QBHF
   BT
   )5.-
   w#BTFE
   PO
   8FC
   $PNQPOFOUT
   w-BTU
   ZFBS
   DMJDLUISPVHI
   SBUF
   GSPN
   (PPHMF
   TFBSDI
   UP
   ".1
   QBHF
   JODSFBTFE
   CZ
    ".1 https://amp.dev/ja/
6. ".1
   )5.- https://amp.dev/ja/documentation/guides-and-tutorials/start/create/basic_markup? format=websites
7. https://amp.dev/ja/
10. w".1
    XBT
    JODPOWFOJFOU
    XJUI
    POMZ
    )5.-
    BOE
    $44
    CVU
    BMMPXT
    FYFDVUJPO
    PG
    +BWB4DSJQU
    w&YFDVUF
    XJUI
    8PSLFS%0.
    UFDIOPMPHZ
    PG
    8FC8PSLFS
    XIJDI
    JT
    EJGGFSFOU
    GSPN
    NBJO
    UISFBE
    w"QQMZ
    GPS
    0SJHJO
    5SJBM
    GSPN
    CJUMZ BNQTDSJQUUSJBM BNQTDSJQU
11. BNQTDSJQU https://twitter.com/AMPhtml/status/1116378847937613824
12. w".1
    'JSTU
    BQQSPBDI
    w"U
    'JSTU
    TUBSU
    DSFBUJPO
    XJUI
    ".1
    BOE
    JNQMFNFOU
    UIF
    NJTTJOH
    QBSU
    BT
    CVTJOFTT
    MPHJD
    XJUI
    BNQ
    TDSJQU
    w*G
    UIFSF
    JT
    TUJMM
    TPNFUIJOH
    NJTTJOH
    IFMQ
    JU
    XJUI
    UIF
    #FOUP
    ".1
    QSPKFDU
    w&OBCMFT
    UIF
    VTF
    PG
    ".1
    DPNQPOFOUT
    PO
    XFC
    QBHFT
    UIBU
    BSF
    OPU
    ".1
    QBHFT
    'PS
    FYBNQMF
    VTF
    JU
    JO
    DPNCJOBUJPO
    XJUI
    PUIFS
    GSBNFXPSLT
    PS
    8FC$PNQPOFOUT #FOUP
    ".1
13. w5IF
    TUPSZ
    GFBUVSF
    UIBU
    TUBSUFE
    XJUI
    TOBQDIBU
    XBT
    CFDBNF
    GBNPVT
    CZ
    *OTUBHSBN
    'BDFCPPL
    BOE
    XIBUTBQQ
    w#VU
    IBSE
    UP
    pOE
 4P
    JG
    ZPV
    VTF
    ".1
    4UPSJFT
    ZPV
    DBO
    TFBSDI
    MJOL
    BOE
    TIBSF
    CFDBVTF
    JU
    JT
    B
    XFC
    QMBUGPSN ".1
    4UPSJFT
14. https://amp.dev/about/stories
15. https://www-washingtonpost-com.cdn.ampproject.org/c/s/ www.washingtonpost.com/graphics/2019/national/amp- stories/2019-state-of-the-union-reactions/
16. w-PDBMJ[BUJPO
    4VQQPSUT
    
    MBOHT
 IUNM
    ⚡
    MBOHKB
    w%FTLUPQ
    %FGBVMU
    JT
    NPCJMF
 BNQTUPSZ
    TVQQPSUTMBOETDBQF
    w4JEFCBS
    "EE
    UP
    IBNCVSHFS
    NFOV
 BNQTJEFCBS
    w"UUBDINFOUT
 BNQTUPSZQBHFBUUBDINFOU
    w&NCFET
    -JLF
    B
    &NCFE
    5XJUUFS ".1
    4UPSJFT
17. w".1
    DPOUFOU
    DBO
    CF
    FNCFEFE
    JO
    UIF
    NBJM
    UFYU
    w*O
    UIF
    QBTU
    DBTFT
    UIF
    DMJDL
    SBUF
    BOE
    DPOWFSTJPO
    SBUF
    UFOE
    UP
    JODSFBTF ".1
    &NBJM
19. w%FMJWFSZ
    TFSWJDF
 
 
 w5FTUJOH
 w&NBJM
    $MJFOUT
 
 
 ".1
    &NBJM
20. w/05
    XFCQBDL
    
    w.BLF
    JU
    QPTTJCMF
    UP
    TJHO
    BOE
    EJTUSJCVUF
    ZPVS
    XFCTJUFT
    w$POTJTUT
    PG
    UISFF
    MBZFST
    • Signed HTTP exchanges • Signed request / response • Bundled HTTP exchanges • Multiple requests / responses in one • Loading • How to read Signed HTTP exchange in your browser 8FC
    1BDLBHJOH https://github.com/WICG/webpackage
21. w*ODSFBTFE
    BSDIJWF
    SFMJBCJMJUZ
    w%FMJWFS
    ZPVS
    TJUF
    PO
    $%/
    w6TF
    XJUI
    ".1
    • https://google.com/amp/s/ yourdomain/… • https://yourdomain/… w&BTJFS
    XJUI
    ".1
    1BDLBHFS 8FC
    1BDLBHJOH
    6TBHFT https://github.com/ampproject/amppackager
22. WJTJU
    NZ
    CMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp