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

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

Kosuke Ogawa
September 27, 2019

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

2019.9.27 Webナイト宮崎 Vol.6

Kosuke Ogawa

September 27, 2019
Tweet

More Decks by Kosuke Ogawa

Other Decks in Technology

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