Vue 入門者が日報ツールを作ってみた

2019.９.27 Webナイト宮崎 Vol.6

Transcript

1. 7VFೖ໳ऀ͕
   ೔ใπʔϧΛ࡞ͬͯΈͨ
   ,PTVLF0HBXB
   ̕8FCφΠτٶ࡚7PM
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. w 0HBXB,PTVLFʢ!LPPHBXBʣ
   w Ξϧגࣜձࣾʢ౦ژʣ
   w ٶ࡚͔ΒϑϧϦϞʔτ
   w ͯ͛΄͛ॴଐ
   w J04"OESPJEΞϓϦΤϯδχΞ
   ʢ+BWB4DSJQU͸͋·Γৄ͋͘͠Γ·ͤΜʂʣ
   

   View Slide

4. ࠓ೔͸ͳ͢͜ͱ
   w 7VFͰ೔ใπʔϧΛ࡞ͬͨཧ༝
   w 7VFͰ࡞ΔͨΊʹ΍ͬͨ͜ͱ
   w 7VFΛ࢖ͬͯΈͨײ૝
   

   View Slide

5. 7VFΛબΜͩཧ༝
   w ͳΜͱͳ͘7VFॻ͚ͨΒ͔ͬ͜Αͦ͞͏
   w ͱΓ͋͑ͣ7VFͰԿ͔࡞ͬͯΈΑ͏
   

   View Slide

6. ͜ΕΛ7VFͰॻ͖΍ͯ͘͢͠ΈΑ͏ʂ
   ೔ใ
   

   View Slide

7. ׬੒Πϝʔδ
   

   View Slide

8. ΍ͬͨ͜ͱ
   

   View Slide

9. ެࣜυΩϡϝϯτΛಡΜͩ
   w ʮ૒ํ޲όΠϯσΟϯάʯ͕
   ؆୯ʹߦ͑ΔWNPEFMσΟϨ
   ΫςΟϒΊͬͪΌศརʂ
   w ͱΓ͋͑ͣ͜Ε͚͓ͩ͑͞ͱ
   ͚͹ࠓճ࡞Γ͍ͨ΋ͷ͸࣮ݱ
   Ͱ͖ͦ͏
   

   View Slide

10. ͱΓ͋͑ͣίʔυॻ͍ͯΈΔ
    

    View Slide

11. ͱΓ͋͑ͣίʔυॻ͍ͯΈΔ
    

    View Slide

12. ͏͍ͨ͝ʂ
    

    View Slide

13. ͕͢͞ʹ৑௕ͳͷͰ
    

    View Slide

14. WGPSͰ͖ͬ͢Γ
    

    View Slide

15. σϞ
    IUUQTLPPHBXBHJUIVCJPOJQQP
    

    View Slide

16. 7VFॴײ
    w ૒ํ޲όΠϯσΟϯά͓΋͠Ζ͍ʂ
    w .77.ΞʔΩςΫνϟΛֶͿͷʹྑ͍
    w ΞϓϦͰ΋3Y4XJGUͱ͔εϜʔζʹೖΕͦ͏
    

    View Slide

17. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠
    

    View Slide