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

Nuxtでオウンドメディア開発-NuxtMeetup#3

 Nuxtでオウンドメディア開発-NuxtMeetup#3

RyotaKodaira

June 07, 2018
Tweet

More Decks by RyotaKodaira

Other Decks in Programming

Transcript

  1. 1
    4$065&3 JOD
    3ZPUB,PEBJSB
    ʮ/VYUͰΦ΢ϯυϝσΟΞ։ൃʯ
    /VYU.FFUVQ!4$065&3

    View Slide



  2. ࣗݾ঺հ
    גࣜձࣾ4$065&3
    ϓϩμΫτΦʔφʔ
    ਓ໨ͷΤϯδχΞ
    1)1 -BSBWFM $BLF1)1

    +4 7VFKT 3FBDU

    !SZPUBLPEBJSB

    View Slide

  3. ೔ຊॳ঺հ໔ڐͳ͠Ͱਓࡐ঺հ͕Ͱ͖Δ

    ෭ۀܕιʔγϟϧϔουϋϯςΟϯά

    ݱࡏ ໊͕ొ࿥͠਎ۙͳస৬ر๬ऀΛ

    ܝࡌاۀʹ঺հ͢Δ͜ͱͰใु͕ൃੜ
    ਓࡐ঺հձࣾ ϓϩ
    ޲͚Ϋϥ΢υαʔϏε

    ໿ ࣾͷٻਓ%#Λఏڙ

    ঺հྉΛड͚औΕΔ
    ۀքॳͷ4BB4αʔϏε
    ̎ͭͷ)35FDIαʔϏεΛల։

    View Slide



  4. ࿩͢͜ͱ

    View Slide



  5. ࿩͢͜ͱ
    ݄ʹϦϦʔε͞Εͨ
    Φ΢ϯυϝσΟΞ

    View Slide



  6. ࿩͢͜ͱ
    ᶃ ͳͥΦ΢ϯυϝσΟΞʹ/VYUΛ࠾༻ͨ͠ͷ͔
    ᶄ ΞϓϦέʔγϣϯߏ੒
    ᶅ ౰ϓϩδΣΫτͰͷ/VYUͷ࢖͍ํ
    ᶆ ϝϦοτσϝϦοτ

    View Slide




  7. ͳͥΦ΢ϯυϝσΟΞʹ
    /VYUΛ࠾༻ͨ͠ͷ͔

    View Slide



  8. ϝσΟΞ্ཱͪ͛ͱ͍͑͹
    8PSE1SFTT͕ओྲྀ

    View Slide



  9. 8PSE1SFTT

    View Slide



  10. ςʔϚΛͦͷ··࢖͏ʹ͸
    ྑ͍͚Ͳ

    View Slide



  11. ϝϯςग़དྷΔਓ͕͍ͳ͔ͬͨ

    View Slide




  12. View Slide



  13. ݁Ռɺͳ͔ͳ͔಺੡Ͱ
    ϝϯςφϯε͕ߦΘΕͳ͍

    View Slide



  14. Ͱ͖Ε͹ϑϩϯτ͸+4͚ͩͰ
    ׬͍݁ͤͨ͞

    View Slide



  15. /VYUKTʂʂ

    View Slide



  16. 4&0Ͳ͏͠Α͏

    View Slide



  17. /VYUKTʂʂ
    ʢ443ϞʔυWVFNFUBʣ

    View Slide



  18. هࣄ؅ཧͲ͏͠Α͏ɻࣗ࡞ʁ

    View Slide



  19. ͜͜͸8PSE1SFTTͰ͍͜͏

    View Slide



  20. هࣄऔಘ"1*Λ࢖༻

    View Slide




  21. ΞϓϦέʔγϣϯߏ੒

    View Slide



  22. ΞΫηεͱαʔόʔͷ಺༁
    4$065&3։ൃऀϒϩάΑΓҾ༻
    IUUQUFDICMPHTDPVUFSDPKQFOUSZ

    View Slide




  23. ౰ϓϩδΣΫτͰͷ
    /VYUͷ࢖͍ํ

    View Slide



  24. /VYUͱ&YQSFTT
    ΛҰॹʹ࢖͏࿩

    View Slide



  25. ཁ݅
    ϝϧϚΨͷਃ͠ࠐΈΛ
    ࣾ಺TMBDLʹ௨஌͍ͨ͠

    View Slide

  26. खॱ
    ᶃ TFSWFSJOEFY KTΛ࡞੒
    ᶄ OVYUSFOEFSΛ࢖͏ͨΊͷઃఆ
    ᶅ ΤϯυϙΠϯτΛهड़
    ᶆ ίϯϙʔωϯτଆ͔ΒϦΫΤετΛૹ৴͢Δ
    ᶇ +PJͰϦΫΤετͷόϦσʔγϣϯ ͓·͚

    View Slide



  27. TFSWFSJOEFY KTΛ࡞੒

    View Slide



  28. ඞཁͳϞδϡʔϧΛSFRVJSF͢Δ

    View Slide



  29. ඞཁͳϞδϡʔϧΛSFRVJSF͢Δ
    /VYUΛΠϯελϯεԽ

    View Slide



  30. ඞཁͳϞδϡʔϧΛSFRVJSF͢Δ
    /VYUΛΠϯελϯεԽ
    ).3͕༗ޮͷ࣌͸Ϗϧυ͢Δ

    View Slide



  31. ඞཁͳϞδϡʔϧΛSFRVJSF͢Δ
    /VYUΛΠϯελϯεԽ
    ).3͕༗ޮͷ࣌͸Ϗϧυ͢Δ
    શͯͷϧʔτΛ/VYUͰϨϯμϦϯά

    View Slide



  32. ඞཁͳϞδϡʔϧΛSFRVJSF͢Δ
    ΤϯυϙΠϯτΛهड़͢Δ
    ࠓճ͸BYJPTΛ࢖༻
    /VYUΛΠϯελϯεԽ
    ).3͕༗ޮͷ࣌͸Ϗϧυ͢Δ
    શͯͷϧʔτΛ/VYUͰϨϯμϦϯά

    View Slide



  33. ίϯϙʔωϯτଆ͔ΒϦΫΤετΛૹΔ
    BYJPTΛ࢖ͬͯTFSWFSJOEFYKTʹఆٛͨ͠
    ΤϯυϙΠϯτʹϦΫΤετΛૹ৴͢Δ

    View Slide



  34. +PJͰϦΫΤετͷόϦσʔγϣϯ ͓·͚

    ϦΫΤετͷϘσΟʔʹରͯ͠όϦσʔγϣϯΛ࣮ߦ
    Τϥʔʹͳͬͨ৔߹͸Λฦ٫ͯ͠ऴྃ

    View Slide



  35. ؆୯ͳॲཧͳΒ͓खܰʹΤϯυϙΠϯτ
    Λهड़ग़དྷΔͨΊ͘͢͝ศར

    View Slide




  36. ϝϦοτσϝϦοτ

    View Slide



  37. αʔόʔɺϑϩϯτ͕෼཭͞Εͨঢ়ଶͰ
    ։ൃग़དྷΔ
    WVFͷػೳΛϑϧʹར༻ग़དྷΔ
    /VYUʹWVFNFUB͕಺แ͞Ε͍ͯΔͷͰ
    4&0ରࡦ͸े෼Ͱ͖Δ
    ϝϦοτ

    View Slide



  38. ֤छXPSEQSFTTϓϥάΠϯ͕࢖͑ͳ͍
    ౰વ͕ͩϑϩϯτʹରͯ͠࡞༻͢Δ΋ͷ
    ͸࢖͑ͳ͍
    ݁Ռίʔυهड़ྔ͸૿͑Δ͔΋
    هࣄͷ)5.-಺ͷཁૉͷTUZMFଐੑʹ௚Ͱ
    ελΠϧ͕ೖͬͯ͘Δ৔߹͕͋ΔͷͰهࣄ
    ͷݟͨ໨Λௐ੔͢Δͷ͕େม
    σϝϦοτ

    View Slide



  39. ͦΕͰ΋/VYUΛ࢖͍͍ͨ

    View Slide



  40. ऴΘΓʹ

    View Slide

  41. 7VF /VYUྖҬͰҰ൪೤͍
    ձࣾʹͳΓ·͢ʂ
    ϑϩϯτΤϯυΤϯδχΞืूதʂ

    View Slide