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⚡MBOH KB
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