Web LT Session / I/O Extended 2019 Tokyo@GDG
by
Kenichiro Kishida
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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