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

nuxtmeetup#2 @hirokinishizawa

hirokinishizawa
May 16, 2018
4.7k

nuxtmeetup#2 @hirokinishizawa

hirokinishizawa

May 16, 2018
Tweet

Transcript

  1. ॳͷษڧձʹͯ
    ॳ-5Λ͢Δ
    ॳ৺ऀΤϯδχΞͷ͓࿩

    !IJSPLJOJTIJ[BXB
    /VYU.FFUVQ

    View full-size slide



  2. ϓϩϑΟʔϧ
    ੢ᖒɹԝو
    ̎̎ࡀ
    ಠ਎

    View full-size slide



  3. ࣗ෼ͷܦྺ
    ͳͥࠓճ-1
    ΍Ζ͏ͱࢥ͔ͬͨ

    View full-size slide



  4. ࣗ෼ͷܦྺ

    View full-size slide



  5. ࣗ෼ͷܦྺ
    ॳ৺ऀͱݴͬͯ΋
    ͲΕ͘Β͍ͳͷ͔

    View full-size slide



  6. ϲ݄લʹॳΊͯ
    ίʔυʹ͞ΘΓ·ͨ͠
    ࣗ෼ͷܦྺ

    View full-size slide



  7. ϲ݄લ·Ͱ͸
    ࣗ෼ͷܦྺ

    View full-size slide



  8. ԰্๷ਫΛ
    ΍͍ͬͯ·ͨ͠
    ࣗ෼ͷܦྺ

    View full-size slide



  9. ࣗ෼ͷܦྺ
    ԰্๷ਫͱ͸

    View full-size slide



  10. ͷ࿩͸ࠓ೔͸
    ΍Ί͓͖ͯ·͢
    ࣗ෼ͷܦྺ

    View full-size slide



  11. ڵຯ͋Δํ͸
    ͪ͜Βʹ%.͍ͩ͘͞
    UXJUUFS![BXB[BXB@FOH
    ࣗ෼ͷܦྺ

    View full-size slide



  12. ؾΛऔΓ௚ͯ͠
    ࣗ෼ͷܦྺ

    View full-size slide



  13. ձࣾ঺հ
    ࣗ෼ͷܦྺ

    View full-size slide



  14. $UP#ਓࡐ঺հαʔϏε
    స৬ر๬ͷ஌ਓ༑ਓΛ
    اۀʹ঺հ͠ใुΛಘΒΕΔ

    View full-size slide



  15. ༗ྉ৬ۀ঺հ
    ਓࡐ঺հձࣾ
    ϔουϋϯλʔ
    ࠾༻اۀ
    ٻ৬ऀ
    ঺հͯ͠ใुΛಘΔʹ͸໔ڐ͕ඞཁ
    ʹ

    View full-size slide



  16. εΧ΢λʔ
    ొ࿥ऀ
    ࠾༻اۀ
    ٻ৬ऀ
    ݸਓ͕঺հͯ͠ใुΛड͚औΕΔ
    ʹ

    View full-size slide



  17. ೖ͔ࣾͯ͠Β
    ΍ͬͨ͜ͱ
    ࣗ෼ͷܦྺ

    View full-size slide



  18. ̎िؒ
    ϓϩήʔτΛ࢖͍
    ษڧ
    ࣗ෼ͷܦྺ

    View full-size slide



  19. /VYUΛ࢖ͬͯ
    ϝσΟΞ -1
    ͷ࡞੒
    ࣗ෼ͷܦྺ

    View full-size slide



  20. ࣗ෼ͷܦྺ

    View full-size slide



  21. ࠓճ-5Ͱ఻͍͑ͨ͜ͱ
    ςʔϚ
    ॳ৺ऀ͕ͲͷΑ͏ʹ
    ϝσΟΞͷ࡞੒Λ
    ਐΊ͍ͯͬͨͷ͔

    View full-size slide



  22. ࠓճ-5Ͱ఻͍͑ͨ͜ͱ
    ίϯϙʔωϯτຖʹ
    ϓϨϏϡʔ֬ೝ
    TUFQ̍

    View full-size slide



  23. ࠓճ-5Ͱ఻͍͑ͨ͜ͱ
    σβΠϯͱʹΒΊͬ͜
    ύʔπʹ෼͚Δ

    View full-size slide

  24. αϒίϯςϯπ
    هࣄҰཡϖʔδ
    ϔομʔ

    View full-size slide



  25. $PNQPOFOUT
    )FBEFSWVF
    -JTU1BHFWVF
    4VC$POUFOUWVF
    $PNQPOFOUT



    View full-size slide



  26. ίϯϙʔωϯτҰཡ
    $PNQPOFOUT

    View full-size slide



  27. ͻͱͭͷ·ͱ·Γʹ
    ͢ΔͨΊʹ
    $PNQPOFOUT
    TUFQ̎

    View full-size slide



  28. Pages಺ʹ
    ࠓ·Ͱ࡞ͬͨ
    ίϯϙʔωϯτ
    Λimport
    QBHFT಺
    1BHFT

    View full-size slide



  29. -BZPVUT
    ڞ௨෦෼͸
    ·ͱΊ·͠ΐ͏ɻ
    TUFQ̏

    View full-size slide







  30. ᶃ ᶄ
    ᶅ ᶆ
    ࠓ͜͜
    -BZPVUT

    View full-size slide



  31. layouts/default.vue
    -BZPVUT
    OVYU
    4VC$POUFOUT
    )FBEFS

    View full-size slide



  32. ࠓճ-5Ͱ఻͍͑ͨ͜ͱ
    Ͱ͕͢࠷ॳͷํʹ
    ͍͍·͕ͨ͠
    ࠓճ͸wordpressΛ࢖͍
    هࣄΛॻ͍͍ͯΔͷͰɺ
    getͯ͠storeʹ
    อଘ͍ͯ͠·͢

    View full-size slide



  33. ࠓճ-5Ͱ఻͍͑ͨ͜ͱ
    αϚϦʔ

    View full-size slide



  34. ͓ΘΓʹ
    ͍͞͝ʹ

    View full-size slide



  35. ͓ΘΓʹ
    ͋ͱtwitter࢝ΊͨͷͰ
    ϑΥϩʔͯ͠௖͚Δͱ
    خ͍͠Ͱ͢
    @zawazawa_eng

    View full-size slide



  36. ͓ΘΓʹ
    ͓ΘΓ

    View full-size slide