Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PayPayモールのAMP活用とデザインシステム / AMP and design sy...

PayPayモールのAMP活用とデザインシステム / AMP and design system in E-commerce

「PayPayモールのAMP活用とデザインシステム」
~ ワンランク上のお買い物体験の提供を目指して ~

I was on stage the tech conference of Yahoo Japan
https://techconference.yahoo.co.jp/2019_shibuya/

mirror: https://www.slideshare.net/techblogyahoo/paypayamp-yjtc19-in-shibuya-b1-yjtc-204740937

Hidehiko Naito

December 13, 2019
Tweet

More Decks by Hidehiko Naito

Other Decks in Technology

Transcript

  1. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE Χϥʔબఆͷϓϩηε  ج४৭ʢԣ࣠ʣΛܾΊΔ  όϦΤʔγϣϯʢॎ࣠ʣΛܾΊΔ  ΞΫηγϏϦςΟΛߟྀ͠ௐ੔

     ར༻ϧʔϧΛܾΊΔ  σβΠϯͰ࢖͍ͬͯͳ͍৭Λൈ͘ Χϥʔ ελΠϧΨΠυ σβΠϯγεςϜ º ".1ͷ࣮ݱ ʰΧϥʔΛม਺؅ཧ͍ͨ͠ʂʱ
  2. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE ☑ Χϥʔ΍༨നͳͲΛ4$44ม਺Ͱ؅ཧ ☑ ΞτϛοΫσβΠϯࢥߟͳίϯϙʔωϯτ ☑ ".1ίϯϙʔωϯτΛϕʔεʹ׆༻ ☑

    QSPQTʹΑΔ+40/σʔλͷड͚औΓ ☑ ".17BMJEBUFEͳϖʔδΛੜ੒ ࣮ݱʹ޲͚ͨ՝୊ײͷ੔ཧ ࣮ݱ΁ͷϒϨΠΫεϧʔ σβΠϯγεςϜ º ".1ͷ࣮ݱ
  3. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE ☑ Χϥʔ΍༨നͳͲΛ4$44ม਺Ͱ؅ཧ ☑ ΞτϛοΫσβΠϯࢥߟͳίϯϙʔωϯτ ☑ ".1ίϯϙʔωϯτΛϕʔεʹ׆༻ ☑

    QSPQTʹΑΔ+40/σʔλͷड͚औΓ ☑ ".17BMJEBUFEͳϖʔδΛੜ੒ ࣮ݱʹ޲͚ͨ՝୊ײͷ੔ཧ ࣮ݱ΁ͷϒϨΠΫεϧʔ σβΠϯγεςϜ º ".1ͷ࣮ݱ ࣮ݱ΁ͷϒϨΠΫεϧʔ MPHPIUUQTOVYUKTPSH
  4. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE ✅ Χϥʔ΍༨നͳͲΛ4$44ม਺Ͱ؅ཧ ✅ ΞτϛοΫσβΠϯࢥߟͳίϯϙʔωϯτ ✅ ".1ίϯϙʔωϯτΛϕʔεʹ׆༻ ✅

    QSPQTʹΑΔ+40/σʔλͷड͚औΓ ☑ ".17BMJEBUFEͳϖʔδΛੜ੒ /VYUKTͷ׆༻ʹΑΔϒϨΠΫεϧʔ ࣮ݱ΁ͷϒϨΠΫεϧʔ σβΠϯγεςϜ º ".1ͷ࣮ݱ /VYUKTʹΑΓ ".17BMJEBUFEҎ֎͸ ඪ४ػೳͱؔ࿈ͨ͠/PEF ύοέʔδ׆༻Ͱ࣮ݱՄೳ
  5. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE ".17BMJEBUFEʹ͢ΔͨΊͷॲཧ  )5.-͔ΒෆཁͳଐੑͳͲΛ࡟আ  +BWB4DSJQUͷ࡟আͱඞཁͳ".1ίϯϙʔωϯτ+4ͷૠೖ  ελΠϧΛͭʹ·ͱΊͯѹॖ͠࠷దԽ

    ϨεϙϯγϒରԠͷͨΊͷॲཧ  ϖʔδʹԠͯ͡Ϩεϙϯγϒͷ੍ޚ ͳͲΛ NPEJGZ)UNM ؔ਺಺Ͱߦͳ͍ͬͯΔ IPPLTͰߦͳ͍ͬͯΔॲཧ಺༰ ࣮ݱ΁ͷϒϨΠΫεϧʔ σβΠϯγεςϜ º ".1ͷ࣮ݱ
  6. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE /VYUKTͷ׆༻Ͱ ✅ Χϥʔ΍༨നͳͲΛ4$44ม਺Ͱ؅ཧ ✅ ΞτϛοΫσβΠϯࢥߟͳίϯϙʔωϯτ ✅ ".1ίϯϙʔωϯτΛϕʔεʹ׆༻

    ✅ QSPQTʹΑΔ+40/σʔλͷड͚औΓ IPPLTʹΑΔ֦ுͰ ✅ ".17BMJEBUFEͳϖʔδΛੜ੒ /VYUKTͷ׆༻ɾ֦ுʹΑΓ࣮ݱ ࣮ݱ΁ͷϒϨΠΫεϧʔ σβΠϯγεςϜ º ".1ͷ࣮ݱ
  7. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE BNQJNH JNHλάͷ".1൛ BNQDBSPVTFM ཁૉΛXSBQͯ͠DBSPVTFM͕࡞ΕΔ BNQNVTUBDIF BNQMJTUͱ૊Έ߹Θͤͯɺ +40/͔Β%0.Λ࡞ΕΔ

    BNQMJTU ඇಉظͰ+40/ΛऔಘՄೳ $43ੜ੒ͷΧϧʔηϧͰ׆༻͍ͯ͠Δ".1ίϯϙʔωϯτ ".1ίϯϙʔωϯτΛ׆༻࣮ͨ͠૷ྫ ".1ͷ׆༻ͱ੒Ռ
  8. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE ओಋઢϖʔδ ύϑΥʔϚϯε 41 ύϑΥʔϚϯεͱදࣔ଎౓ ".1ͷ׆༻ͱ੒Ռ τοϓ ݕࡧ݁Ռ

    ੡඼ৄࡉ 41͸ج४͕ݫ͍͕͠ɺࠃ಺ओཁ&$ͷதͰτοϓϨϕϧͷύϑΥʔϚϯε ˞1BHF4QFFE *OTJHIUTʹΑΔຊ൪؀ڥଌఆʢଌఆ೔ʣ
  9. $PQZSJHIU˜  :BIPP+BQBO$PSQPSBUJPO"MM3JHIUT3FTFSWFE  εέδϡʔϧ௨ΓϦϦʔεͰ͖ͯΑ͔ͬͨʂʂ  σβΠϯγεςϜͰ౷Ұੑͷߴ͍6*Λ࣮ݱग़དྷͨ  ߴ଎Խʹ΋औΓ૊Ή͜ͱ͕ग़དྷ͍ͯΔ 

    ".1ͷ׆༻͔Β49(ͰͷύʔιφϥΠζ·Ͱ࣮ݱग़དྷͨʂ  /VYUͷIPPLT֦ுʹΑΔΞϓϩʔν΋Α͔ͬͨ  ༏ઌॱҐΛ෇͚ͯϚΠϧετʔϯΛෑ͖ɺ ਐ௙ʹ΋ҙࣝΛ޲͚Δ͜ͱͰݶΒΕͨϦιʔεΛ࠷େԽ͠ɺ ".1Λ׆༻ͨ͠࠷దԽʹ΋௅ઓग़དྷͨͷͰͱͯ΋ྑ͍ܦݧʹͳͬͨʂʂ 1BZ1BZϞʔϧͷ্ཱͪ͛Λ௨ͯ͠ ·ͱΊ