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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  6. ׬੒Πϝʔδ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  10. ͕͢͞ʹ৑௕ͳͷͰ

    View full-size slide

  11. WGPSͰ͖ͬ͢Γ

    View full-size slide

  12. σϞ
    IUUQTLPPHBXBHJUIVCJPOJQQP

    View full-size slide

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

    View full-size slide

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

    View full-size slide