AMP (WEBエンジニア勉強会 #02)

2017年07月22日(土) に開催された「WEBエンジニア勉強会 #02」で AMP (Accelerated Mobile Pages) について概要を発表しました。

Transcript

1. OSCA (濱野 一二三) @engineer_osca ".1
   "DDFMFSBUFE
   .PCJMF
   1BHFT
2. ࣗݾ঺հ © OSCA 04$"
   
   ᖛ໺ Ұೋࡾ ͸·ͷ ͔ͣ;Έ ϓϩδΣΫτϚωʔδϟʔ 
   ໷ܠࣸਅՈ * +BWB
   1)1
   ϝΠϯͷΤϯδχΞ * ࠷ۙ͸ਓ޻஌ೳ "*
   ػցֶशΛษڧத * αʔόʔϨεΞʔΩςΫνϟ΋΍Γ͍ͨͳ͊ * ͘͞Βͷ714आΓͯ8&#αʔϏεΛӡӦத * ເͷࠃ ెาݍ಺ॅΈ * !FOHJOFFS@PTDB 
   !PTDBQIPUP
   
   !EJTOFZ@PTDB
3. © OSCA ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT Ҵ࠺ͷϚʔΫ Λ໨ʹͨ͜͠ͱ͸͋Γ·ͤΜ͔ʁ
4. © OSCA ".1ͱ͸ʁ • ϞόΠϧͷ΢ΣϒαΠτӾཡΛߴ଎Խ͢Δ͜ͱΛ໨తͱ ͨ͠ϓϩδΣΫτɾ࢓༷ɾٕज़ͷ͜ͱɻ • ೥ɺ(PPHMF
   ͕த৺ͱͳ্ཱͬͯͪ͛ͨɻ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
5. © OSCA ".1ొ৔ͷഎܠ • ϒϥ΢βͷਐԽʹΑΓɺϦονίϯςϯπ͕૿͍͑ͯΔɻ • ௿εϖοΫͷ୺຤ॴ༗ऀ͸ͨ͘͞Μ͍Δɻ • ௿଎ճઢ΋ੈքதʹͨ͘͞Μ͋Δɻ • ϞόΠϧαΠτͷܰྔԽ͕ॏཁͰ͋Δɻ • ܰྔԽͷϊ΢ϋ΢Λ։ൃऀʹڭҭ͢ΔΑΓ΋ɺϑϨʔϜ ϫʔΫԽɾϧʔϧԽͨ͠ํ͕ྑ͍ɻ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
6. © OSCA ".1
   )5.- • )5.-ͷҰ෦ػೳͷར༻Λ੍ݶ͢Δ͜ͱͰɺܰྔԽ͞Εͨ ϞόΠϧϖʔδΛ࣮ݱ͢Δɻ • ߋ৽ස౓͕ߴ͘ͳ͍ɺϗʔϜϖʔδͷ຤୺ʹͳΔΑ͏ͳ ੩తͳهࣄϖʔδΛߴ଎Խ͢Δ͜ͱΛ໨తͱ͍ͯ͠Δɻ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
7. © OSCA ".1
   )5.-
   ͷ੍ݶ ΢Σϒϖʔδͷද͕ࣔ஗͘ͳΔݪҼΛऔআ͘ ೝΊͳ͍ ͜ͱ Ͱɺߴ଎ԽɾܰྔԽΛ͍ͯ͠Δɻ • ඇಉظͷ +BWB4DSJQU
   ͸ར༻Ͱ͖ͳ͍ • ಈతͳ6*͸ར༻Ͱ͖ͳ͍ • ֎෦ϑΝΠϧԽͨ͠$44͸ར༻Ͱ͖ͳ͍ • )5.-಺ʹهड़͢Δ$44ͷαΠζʹ੍ݶ͕͋Δ • CPEZλά಺Ͱ΋$44Λར༻Ͱ͖ͳ͍ • ը૾λάʹ͸ XJEUI
   IFJHIU
   ଐੑ͕ඞਢ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
8. © OSCA ".1 )5.-
   ͕ߴ଎ͳཧ༝ • )551ͷϦΫΤετճ਺ΛۃྗݮΒ͢ϧʔϧɻ • ը໘ϨϯμϦϯάͷίετΛݮΒ͢ϧʔϧɻ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
9. © OSCA ".1
   $BDIF • ".1ϖʔδΛΩϟογϡ͢Δ࢓૊Έɻ • (PPHMF
   ͕Ωϟογϡαʔόʔ $%/ Λఏڙ͍ͯ͠Δɻ • )551
   ͳͲͷ࠷৽ٕज़ʹରԠɻ • (PPHMF
   ͷΫϩʔϥʔ͕ ".1
   ϖʔδΛݟ͚ͭΔͱɺͦͷ ".1ϖʔδΛΩϟογϡ͢Δɻ ".1 "DDFMFSBUFE
   .PCJMF
   1BHFT
10. © OSCA (PPHMF
    ".1ςετ • ".1
    )5.-
    Λݕূͯ͘͠ΕΔπʔϧ • IUUQTTFBSDIHPPHMFDPNUFTUBNQ ".1 "DDFMFSBUFE
    .PCJMF
    1BHFT