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

by Kenichiro Kishida

Embed

Start on current slide

Slide 1

Slide 1 text

(PPHMF*0 8FC-5 *0&YUFOEFE5PLZP!(%( ,FOJDIJSP,JTIJEB !TJ[VIJLP

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT

Slide 4

Slide 4 text

w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT

Slide 5

Slide 5 text

wXFCQBDL͡Όͳ͍Α w8FCαΠτΛॺ໊ͯ͠഑෍Ͱ͖ΔΑ͏ʹ͢ Δ࢓૊Έ wͭͷϨΠϠʔͰߏ੒͞ΕΔ • Signed HTTP exchanges • ॺ໊෇͖ͷϦΫΤετ/Ϩεϙϯε • Bundled HTTP exchanges • ෳ਺ͷϦΫΤετ/ϨεϙϯεΛ1ͭʹ • Loading • Signed HTTP exchange Λϒϥ΢βͰಡ ΈࠐΉͨΊͷํ๏ 8FC1BDLBHJOH֓ཁ https://github.com/WICG/webpackage

Slide 6

Slide 6 text

wΞʔΧΠϒͷ৴པੑΛVQ w͋ͳͨͷαΠτΛ$%/Ͱ഑৴ w".1Ͱͷར༻ • https://google.com/amp/s/ yourdomain/… • https://yourdomain/… w".11BDLBHFSͰΑΓ؆୯ʹ 8FC1BDLBHJOHͷར༻ํ๏ https://github.com/ampproject/amppackager

Slide 7

Slide 7 text

w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT

Slide 8

Slide 8 text

w".1͸ύϑΥʔϚϯε໰୊Λղܾ͢Δͨ Ίʹ্ཱ͕ͪͬͨ044 w)5.-্Ͱಈ࡞͢ΔϥΠϒϥϦϑϨʔϜ ϫʔΫ w8FC$PNQPOFOUTϕʔε wࡢ೥(PPHMFݕࡧ͔Β".1ϖʔδ΁ͷΫ ϦοΫ཰͸૿Ճͨ͠ ".1 https://amp.dev/ja/

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

https://amp.dev/ja/

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

w".1͸)5.-ͱ$44͚ͩͰෆࣗ༝ͩͬͨ ͕ɺ+BWB4DSJQUͷ࣮ߦΛՄೳʹ͢Δ wϝΠϯεϨουͱ͸ผͷ8FC8PSLFS͔ Β8PSLFS%0.ͷٕज़Λ࢖͍ͬͯΔ wCJUMZBNQTDSJQUUSJBM͔Β0SJHJO 5SJBMΛਃ͠ࠐΉͱར༻Ͱ͖Δ BNQTDSJQU

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

w".1'JSTUͱ͍͏Ξϓϩʔν w".1Ͱ࡞Γ࢝Ίɺ଍Γͳ͍ͱ͜ΖΛBNQ TDSJQUͰϏδωεϩδοΫͱ࣮ͯ͠૷ wͦΕͰ΋଍Γͳ͍͜ͱɺͦΕΛ#FOUP ".1ϓϩδΣΫτͰॿ͚Δ w".1؅ཧ ϖʔδ Ͱͳ͍ɺ8FCϖʔδͰ ".1ίϯϙʔωϯτΛ࢖͑ΔΑ͏ʹ͢Δ ʢଞͷϑϨʔϜϫʔΫ΍ 8FC$PNQPOFOUTͱͷ૊Έ߹Θͤ #FOUP".1

Slide 16

Slide 16 text

wTOBQDIBUͰ࢝·ͬͨετʔϦʔ͸ɺ *OTUBHSBN΍'BDFCPPL XIBUTBQQ ͳͲͰ޿·ͬͨɻ wͨͩ͠ൃݟ͞ΕΔͷ͸೉͍͠ɻͦ͜Ͱ".1 ͸Φʔϓϯͳ8FCϓϥοτϑΥʔϜͰݟͭ ͚Δ͜ͱ͕ՄೳͰɺϦϯΫͰ͖ɺڞ༗Ͱ͖ Δ࢓૊ΈΛఏڙ͢Δɻ ".14UPSJFT

Slide 17

Slide 17 text

https://amp.dev/about/stories

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

w-PDBMJ[BUJPOͷݴޠʹରԠ  IUNM⚡MBOHKB w%FTLUPQσϑΥϧτ͸ϞόΠϧ  BNQTUPSZTVQQPSUTMBOETDBQF w4JEFCBSϋϯόʔΨʔϝχϡʔʹ௥Ճ  BNQTJEFCBS w"UUBDINFOUTεϫΠϓΞοϓͰදࣔ  BNQTUPSZQBHFBUUBDINFOU w&NCFET5XJUUFSͳͲͷຒΊࠐΈ ".14UPSJFT

Slide 20

Slide 20 text

wϝʔϧຊจͷதʹ".1ίϯςϯπΛೖΕ ΒΕΔɻ w͜Ε·ͰͷࣄྫͰ͸ΫϦοΫ཰ɺίϯόʔ δϣϯ཰͕૿Ճ͢Δͱ͍͏܏޲ɻ ".1&NBJM

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

w഑৴αʔϏε      wςετ  wϝʔϧΫϥΠΞϯτ      ".1&NBJM

Slide 23

Slide 23 text

w8FC1BDLBHJOH w".1 w1VQQFUFFS 5PEBZT

Slide 24

Slide 24 text

wϒϥ΢βࣗಈԽιϦϡʔγϣϯͰ͢ɻ w/PEFKT͔Β$ISPNFΛૢ࡞  ૢΓਓܗQVQQFUFFS ͢ΔͨΊͷ"1* Λఏڙ͍ͯ͠Δɻ wOQNͰϒϥ΢β͕Πϯετʔϧ͞ΕΔͷͰɺ ؀ڥઃఆ΍ߏஙͷඞཁ͕ͳ͍ɻ 1VQQFUFFS

Slide 25

Slide 25 text

w͜Ε·Ͱ$ISPNF͚͚ͩͩͬͨͲɺ 'JSFGPY΋࢖͑ΔΑ͏ʹͳΔΑʂ wݱࡏͷ"1*Λαϙʔτ 1VQQFUFFSpSFGPY

Slide 26

Slide 26 text

w8FCςετ͸஗͍ͱ͍͏౎ࢢ఻આ w#SPXTFS$POUFYU"1*Ͱղܾ wςετ͕'MBLZͱ͍͏౎ࢢ఻આ wXBJU'PS9"1*Ͱղܾ 1VQQFUFFS

Slide 27

Slide 27 text

w.PCJMFσόΠεΤϛϡϨʔγϣϯ w0GqJOFαϙʔτ wαʔϏεϫʔΧʔͷݕূ w(FP-PDBUJPO w/FUXPSL.POJUPSJOH w,FZCPBSE.PVTF w1FSGPSNBODF5FTU w$PEF$PWFSBHF w"DDFTTJCJMJUZ 1VQQFUFFS

Slide 28

Slide 28 text

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