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

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