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

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

992ab21437c2ec7c70d9af79ed2a2273?s=47 Hidehiko Naito
September 03, 2019

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

992ab21437c2ec7c70d9af79ed2a2273?s=128

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. (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. )