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

Vue.jsで管理画面系サービスのモックをさくさく作る

 Vue.jsで管理画面系サービスのモックをさくさく作る

2019/05/24のWeJS発表資料です
https://wajs.connpass.com/event/130865/

atsuco

May 24, 2019
Tweet

More Decks by atsuco

Other Decks in Programming

Transcript

  1. 7VFKTͰ؅ཧը໘ܥαʔϏεͷ ϞοΫΛ͘͘͞͞࡞Δ [email protected]

  2. ΞαΦΧΞπί ϑϦʔϥϯε ϑϩϯτΤϯυσβΠϯ Ͷ͜ͱϥΠϒͱ؁͍΋ͷ͕͋Ε͹޾ͤ

  3. ΍Γ͔ͨͬͨ͜ͱ

  4. None
  5. ✦ ϧʔςΟϯά͸1)1ʢ-BSBWFMʣ ✦ IUNMͱDTTΛೲ඼͍ͨ͠ ✦ ϖʔδ਺ຕ͘Β͍ ✦ ϔομʔͱ͔μΠΞϩάͱ͔ڞ௨Խ͍ͨ͠

  6. 7VF$-* શ෦ೖΓͰ؆୯ ୯ҰίϯϙʔωϯτͰ )5.-͕ͦͷ··ॻ͚Δ -BSBWFMͱ ͳ͔Α͠

  7. > npm i -g @vue/cli > vue ui

  8. None
  9. ✦ vue-cli-plugin-auto-routing ✦ webfont ✦ chart.js / daterange-picker

  10. assets components layouts pages App.vue main.js router.js store.js SCSS/font/images… page

    template common filter common flag
  11. pages index.vue login about profile password.vue index.vue index.vue detail.vue dummy_data.json

  12. ✦ ϞοΫ಺ͰϧʔςΟϯά͕Ͱ͖Δ ✦ ϔομʔɾϝΠϯφϏ౳ίϯϙʔωϯτԽ ✦ μΠΞϩάΛύϥϝʔλͰ؅ཧ

  13. Name Password Login Name Password Login ! Login Error /login

    /login?notice=error
  14. -BSBWFM 7VFKT

  15. more Vue.js Top Item About Laravel

  16. ✦ ࣮ࡍ͸ʜʜ