コマースサービスでの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モール)

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. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9.
5. ( 5 1 0 ( 0 ) 5 ( 5 1 22 1 0 . . 9. 2 A A . A - A   &"#'()*+,& 1      $
   $!%&
6. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. )
      
7. ( 1 0 ( 0 ) ( 1 22 1 0 7 .7. 9.
   
     
8. ( 1 08 ( 0 ) ( 81 22 1 08 . . 9.
   
            
9. 9 0. ( 2 0 2 11 )0. ) I P 8 4 U
10. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.- A
11. ( 1 0 ( 0 ) ( 1 22 1 0 . . 9.- V N N N / : . / /
12. 9 0. ( 2 0 2 11 )0. ) ( C L I I - - , ( - ) - C BA
13. ) 2019 ) -1 - - ) -92 (33 2019 . l de P mk S ie eo M C p 1 1 Sb hc A< ie M - Al > SMa
14. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. ) 
     
15. ( 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 : -/ : ./ . - / - / : :
16. ) 6 2019 ) -1 -6- ) 6 -92 ( 2019 . MS -      
      O   
     
    
     N O J J JD O a -
17. ( 1 0 ( 0 ) ( 1 22 1 0 7 .7. 9. - - I U
18. ( 1 08 ( 0 ) ( 81 22 1 08 . . 9. - https://qiita.com/7110/items/fe510f132289267513c1
19. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. ) 
    
20. 9 0. ( 2 0 2 11 )0. ) -
21. 9 0. ( 2 0 2 11 )0. ) - -
22. 9 0. ( 2 0 2 11 )0. ) -      
      -
23. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9. -  - 
    
24. (4 1 0 ( 044 ) (4 4 14 22 1 0 . . 9. -
25. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. )
       
26. ( 61 0 ( 0 ) ( 6 6 1 22 1 0 . .69. -
27. ( 1 0 ( 0 ) ( 1 22 1 0 7 .7. 9. - - -
28. ( 1 08 ( 0 ) ( 81 22 1 08 . . 9.
         
    
     
    
    
29. 9 0. ( 2 0 2 11 )0. ) , , - , , - - ,
30. ( 1 0 ( 0 ) 3 ( 1 3 22 1 0 . . 9. 
    
31. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. ) 
    
32. ) 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
33. 9 0. ( 2 0 2 11 )0. ) 9 0. ( 2 0 2 11 )0. )