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

コマースサービスでのAMP活用

 コマースサービスでのAMP活用

コマースサイトにてAMPを活用している事例として、
- AMPとデザインシステムの環境について
- amp-listのサンプルについて
の話です

【Bonfire Frontend #4】にて登壇した時の資料です
https://yj-meetup.connpass.com/event/136480/

AMP: amp-list, amp-mustache, amp-carousel
env: Nuxt.js, Vue.js
on: EC service (PayPayモール)

Hidehiko Naito

September 03, 2019
Tweet

More Decks by Hidehiko Naito

Other Decks in Technology

Transcript

  1. ( 1 0 ( 0 ) 3 ( 1 3

    22 1 0 . . 9.       
  2. 9 0. ( 2 0 2 11 )0. ) H

    / 0 / @1 7 N @ 1
  3. ( 1 0 ( 0 ) 3 ( 1 3

    22 1 0 . . 9. fa g M_ _ P _ / h _W _ c edb A : / 2 1 . : : 2 / :/ / 9 9 :/ / .0
  4. ( 5 1 0 ( 0 ) 5 ( 5

    1 22 1 0 . . 9. 2 A A . A - A   &"#'()*+,& 1      $ $!%&
  5. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. )    
  6. ( 1 0 ( 0 ) ( 1 22 1

    0 7 .7. 9.   
  7. ( 1 08 ( 0 ) ( 81 22 1

    08 . . 9.          
  8. ( 1 0 ( 0 ) ( 1 22 1

    0 . . 9.- A
  9. ( 1 0 ( 0 ) ( 1 22 1

    0 . . 9.- V N N N / : . / /
  10. 9 0. ( 2 0 2 11 )0. ) (

    C L I I - - , ( - ) - C BA
  11. ) 2019 ) -1 - - ) -92 (33 2019

    . l de P mk S ie eo M C p 1 1 Sb hc A< ie M - Al > SMa
  12. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. )  
  13. ( 5 1 0 ( 0 ) 5 ( 5

    1 22 1 0 . . 9. : Ø / - /: - / . - / . . / ./ : : : /. / / FM S O R J C R S N S D J D O S : -/ : ./ . - / - / : :
  14. ) 6 2019 ) -1 -6- ) 6 -92 (

    2019 . MS -         O      N O J J JD O a -
  15. ( 1 0 ( 0 ) ( 1 22 1

    0 7 .7. 9. - - I U
  16. ( 1 08 ( 0 ) ( 81 22 1

    08 . . 9. - https://qiita.com/7110/items/fe510f132289267513c1
  17. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. ) 
  18. 9 0. ( 2 0 2 11 )0. ) -

           -
  19. ( 1 0 ( 0 ) 3 ( 1 3

    22 1 0 . . 9. -  - 
  20. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. )    
  21. ( 61 0 ( 0 ) ( 6 6 1

    22 1 0 . .69. -
  22. ( 1 0 ( 0 ) ( 1 22 1

    0 7 .7. 9. - - -
  23. ( 1 08 ( 0 ) ( 81 22 1

    08 . . 9.           
  24. 9 0. ( 2 0 2 11 )0. ) ,

    , - , , - - ,
  25. ( 1 0 ( 0 ) 3 ( 1 3

    22 1 0 . . 9. 
  26. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. ) 
  27. ) 2019 ) -1 - - ) -92 (33 2019

    . . , . M N M t l jth pea I PM it tl jth N A oreh g ta nN , - cn tl jth U tks x m h u M P A
  28. 9 0. ( 2 0 2 11 )0. ) 9

    0. ( 2 0 2 11 )0. )