Web LT Session / I/O Extended 2019 Tokyo@GDG

Transcript

1. (PPHMF
   *0
   
   8FC
   -5 
   *0
   &YUFOEFE
   
   5PLZP!(%( ,FOJDIJSP
   ,JTIJEB
   !TJ[VIJLP
2. ,FOJDIJSP
   ,JTIJEB
   5PLZP
   +"1"/
   TJ[VIJLP!HNBJMDPN
   
   !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ
   
3. w8FC
   1BDLBHJOH
   w".1
   w1VQQFUFFS 5PEBZT
4. w8FC
   1BDLBHJOH
   w".1
   w1VQQFUFFS 5PEBZT
5. wXFCQBDL͡Όͳ͍Α
   w8FCαΠτΛॺ໊ͯ͠഑෍Ͱ͖ΔΑ͏ʹ͢ Δ࢓૊Έ
   wͭͷϨΠϠʔͰߏ੒͞ΕΔ
   • Signed HTTP exchanges • ॺ໊෇͖ͷϦΫΤετ/Ϩεϙϯε • Bundled HTTP exchanges • ෳ਺ͷϦΫΤετ/ϨεϙϯεΛ1ͭʹ • Loading • Signed HTTP exchange Λϒϥ΢βͰಡ ΈࠐΉͨΊͷํ๏ 8FC
   1BDLBHJOH
   ֓ཁ https://github.com/WICG/webpackage
6. wΞʔΧΠϒͷ৴པੑΛVQ
   w͋ͳͨͷαΠτΛ$%/Ͱ഑৴
   w".1Ͱͷར༻
   • https://google.com/amp/s/ yourdomain/… • https://yourdomain/… w".1
   1BDLBHFS
   ͰΑΓ؆୯ʹ 8FC
   1BDLBHJOH
   ͷར༻ํ๏ https://github.com/ampproject/amppackager
7. w8FC
   1BDLBHJOH
   w".1
   w1VQQFUFFS 5PEBZT
8. w".1͸ύϑΥʔϚϯε໰୊Λղܾ͢Δͨ Ίʹ্ཱ͕ͪͬͨ044
   w)5.-্Ͱಈ࡞͢ΔϥΠϒϥϦϑϨʔϜ ϫʔΫ
   w8FC
   $PNQPOFOUTϕʔε
   wࡢ೥(PPHMFݕࡧ͔Β".1ϖʔδ΁ͷΫ ϦοΫ཰͸૿Ճͨ͠ ".1 https://amp.dev/ja/
9. ".1
   )5.- https://amp.dev/ja/documentation/guides-and-tutorials/start/create/basic_markup? format=websites
10. https://amp.dev/ja/
13. w".1͸)5.-ͱ$44͚ͩͰෆࣗ༝ͩͬͨ ͕ɺ+BWB4DSJQUͷ࣮ߦΛՄೳʹ͢Δ
    wϝΠϯεϨουͱ͸ผͷ8FC8PSLFS͔ Β8PSLFS%0.ͷٕज़Λ࢖͍ͬͯΔ
    wCJUMZBNQTDSJQUUSJBM
    ͔Β
    0SJHJO
    5SJBMΛਃ͠ࠐΉͱར༻Ͱ͖Δ BNQTDSJQU
14. BNQTDSJQU https://twitter.com/AMPhtml/status/1116378847937613824
15. w".1
    'JSTU
    ͱ͍͏Ξϓϩʔν
    w".1Ͱ࡞Γ࢝Ίɺ଍Γͳ͍ͱ͜ΖΛ
    BNQ TDSJQU
    ͰϏδωεϩδοΫͱ࣮ͯ͠૷
    wͦΕͰ΋଍Γͳ͍͜ͱɺͦΕΛ
    #FOUP
    ".1
    ϓϩδΣΫτͰॿ͚Δ
    w".1؅ཧ ϖʔδ Ͱͳ͍ɺ8FCϖʔδͰ ".1ίϯϙʔωϯτΛ࢖͑ΔΑ͏ʹ͢Δ ʢଞͷϑϨʔϜϫʔΫ΍ 8FC$PNQPOFOUTͱͷ૊Έ߹Θͤ #FOUP
    ".1
16. wTOBQDIBUͰ࢝·ͬͨετʔϦʔ͸ɺ *OTUBHSBN΍'BDFCPPL
    XIBUTBQQ ͳͲͰ޿·ͬͨɻ
    wͨͩ͠ൃݟ͞ΕΔͷ͸೉͍͠ɻͦ͜Ͱ".1 ͸Φʔϓϯͳ8FCϓϥοτϑΥʔϜͰݟͭ ͚Δ͜ͱ͕ՄೳͰɺϦϯΫͰ͖ɺڞ༗Ͱ͖ Δ࢓૊ΈΛఏڙ͢Δɻ ".1
    4UPSJFT
17. https://amp.dev/about/stories
18. https://www-washingtonpost-com.cdn.ampproject.org/c/s/ www.washingtonpost.com/graphics/2019/national/amp- stories/2019-state-of-the-union-reactions/
19. w-PDBMJ[BUJPO
    ͷݴޠʹରԠ
 IUNM
    ⚡
    MBOHKB
    w%FTLUPQ
    σϑΥϧτ͸ϞόΠϧ
 BNQTUPSZ
    TVQQPSUTMBOETDBQF
    w4JEFCBS
    ϋϯόʔΨʔϝχϡʔʹ௥Ճ
 BNQTJEFCBS
    w"UUBDINFOUT
    εϫΠϓΞοϓͰදࣔ
 BNQTUPSZQBHFBUUBDINFOU
    w&NCFET
    5XJUUFSͳͲͷຒΊࠐΈ ".1
    4UPSJFT
20. wϝʔϧຊจͷதʹ".1ίϯςϯπΛೖΕ ΒΕΔɻ
    w͜Ε·ͰͷࣄྫͰ͸ΫϦοΫ཰ɺίϯόʔ δϣϯ཰͕૿Ճ͢Δͱ͍͏܏޲ɻ ".1
    &NBJM
22. w഑৴αʔϏε
 
 
 wςετ
 wϝʔϧΫϥΠΞϯτ
 
 
 ".1
    &NBJM
23. w8FC
    1BDLBHJOH
    w".1
    w1VQQFUFFS 5PEBZT
24. wϒϥ΢βࣗಈԽιϦϡʔγϣϯͰ͢ɻ
    w/PEFKT͔Β$ISPNFΛૢ࡞
 ૢΓਓܗQVQQFUFFS
    ͢ΔͨΊͷ"1* Λఏڙ͍ͯ͠Δɻ
    wOQNͰϒϥ΢β͕Πϯετʔϧ͞ΕΔͷͰɺ ؀ڥઃఆ΍ߏஙͷඞཁ͕ͳ͍ɻ 1VQQFUFFS
25. w͜Ε·Ͱ$ISPNF͚͚ͩͩͬͨͲɺ 'JSFGPY΋࢖͑ΔΑ͏ʹͳΔΑʂ
    wݱࡏͷ"1*Λαϙʔτ 1VQQFUFFS
    pSFGPY
26. w8FCςετ͸஗͍ͱ͍͏౎ࢢ఻આ
    w#SPXTFS
    $POUFYU
    "1*Ͱղܾ
    wςετ͕'MBLZͱ͍͏౎ࢢ఻આ
    wXBJU'PS9
    "1*
    Ͱղܾ 1VQQFUFFS
27. w.PCJMFσόΠεΤϛϡϨʔγϣϯ
    w0GqJOFαϙʔτ
    wαʔϏεϫʔΧʔͷݕূ
    w(FP-PDBUJPO
    w/FUXPSL
    .POJUPSJOH
    w,FZCPBSE
    
    .PVTF
    w1FSGPSNBODF
    5FTU
    w$PEF
    $PWFSBHF
    w"DDFTTJCJMJUZ 1VQQFUFFS
28. WJTJU
    NZ
    CMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp