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

今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf

Ca1357a6e793898d30cec23068c3cb36?s=47 大塚真言
September 27, 2019

 今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf

Ca1357a6e793898d30cec23068c3cb36?s=128

大塚真言

September 27, 2019
Tweet

Transcript

  1. ࠓҰ൪ΠέͯΔVue.js੡؅ཧը໘ ςϯϓϨʔτͷ͝঺հ 2019/09/27 WebφΠτٶ࡚ vol.6 େ௩ਅݴ

  2. ࣗݾ঺հ ɾTwitterɿ͠Μ͛Μ@ٶ࡚ ɾձࣾɹɿ߹ಉձࣾϊϚυϦ ୅ද ɾεΩϧɿLaravel, Vue.js, FirebaseͳͲ ɾࣄۀɹɿWebγεςϜͷडୗ։ൃ ɾैۀһɿࣗ෼ +

    Πϯλʔϯ1໊ ɾझຯɹɿα΢φ, αʔϑΟϯ, Ωϟϯϓ ϑϦʔϥϯεɾ෭ۀɾΠϯλʔϯืूͯ͠·͢ʂʂ Ұॹʹಇ͖·ͤΜ͔ʁʁ
  3. None
  4. ؅ཧը໘ Ͳ͏΍ͬͯ࡞ͬͯ·͢ʁ

  5. ؅ཧը໘ͷ࡞Γํ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷ όοΫΤϯυ࣮૷ ˣ ϑϧεΫϥονͰ ϑϩϯτΛ࣮૷ ༧ࢉ͋Γ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮૷

    όοΫΤϯυ࣮૷ ˣ σβΠϯςϯϓϨʔτͰ ϑϩϯτΛ࣮૷ ༧ࢉͳ͠
  6. None
  7. None
  8. ͱ͏ͱ͏ ݟ͚ͭ·ͨ͠ʂʂ

  9. Vue-element-admin

  10. None
  11. vue-element-adminͱ͸ • Vue.js੡ͷUIϑϨʔϜϫʔΫ Element Λ࢖༻ • େن໛ͰෳࡶͳγϯάϧϖʔδΞϓϦέʔγϣ ϯͷߏங͕Մೳ • ແྉ

    • Githubελʔ਺ 40,000Ҏ্ ※vue-admin 9,000ɺvuestic-admin 6,000
  12. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  13. None
  14. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  15. None
  16. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  17. None
  18. ಛ௃ • ๛෋ͳػೳͰ΋ࠔΒͳ͍ʂ෼͔Γ΍͍͢σΟϨΫτ Ϧߏ੒ʂ • ͻͳܗͷ׬੒౓͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕౥ࡌࡁΈʂ • ෳ਺ϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ

    • υΩϡϝϯτྑ͍ʂϖʔδ௥Ճͷखॱ·Ͱ͋Δʂ
  19. ·ͱΊ • Vue.jsͷνϡʔτϦΞϧऴྃޙͷεςοϓ Ξοϓͱͯ͠৮ͬͯΈΔ͜ͱΛ͓͢͢Ί • vuex, vue-router, axiosͳͲͷvue.js։ൃͰ Α͘࢖͏ϥΠϒϥϦͷ࢖͍ํ΍ೝূೝՄͷ࣮ ૷ํ๏Λཧղ͢Δ͜ͱ͕Ͱ͖Δ

  20. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

  21. None
  22. None