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

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

大塚真言
September 27, 2019
Programming
0
260

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

大塚真言

September 27, 2019
Tweet

More Decks by 大塚真言

See All by 大塚真言
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
shingen29
0
28
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
shingen29
0
48
ユースケース駆動開発で自社プロダクトを作ってみた！
shingen29
1
2k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
500
PHP8をざっくり解説してみる
shingen29
0
160
最近のプロジェクトを振り返ってみる
shingen29
0
240
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！
shingen29
2
620
Stripe CLIを触ってみた！
shingen29
1
160
プロジェクト管理ツールとしてGitLabと向き合ってみる
shingen29
0
24

Other Decks in Programming

See All in Programming
Amplify + Next.js + TypeScript のアプリをいい感じにしたかった
toranoana
1
170
Whyから始めよう！スクラムチームが力強く前に進むための「なぜやるのか」を考える
psj59129
1
420
Swift Concurrency Next Step
shiz
7
710
開発組織の生産性を可視化するState of DevOpsとFour Keysとは(増補改訂版) / Introduction to State of DevOps and Four Keys for Visualizing Productivity in Development Organizations expanded and revised edition
isanasan
19
4.8k
react-reconcilerでオレオレReact Nativeを作ろう！
kwzr
0
230
V8 as a container on CDN Edge worker
mizchi
5
930
Web UI Feuerwerk mit SVG und der Web Animation API
joergneumann
0
370
20年ものの巨大レガシープロダクトを PHP 8.0にアップデートした際の対策と得られた知見
akamah
2
880
iOS ライブラリをセルフサービスで生成する仕組み
junkpiano
2
190
フレームワークの機能を使わずに標準関数使ったら障害起こした話/phpcon-2022
asumikam
0
270
Swift Concurrency時代のリアクティブプログラミングの基礎理解
banjun
PRO
2
320
モバイルアプリのオブザーバビリティを向上させるプラクティス
kazumanagano
5
680

Featured

See All Featured
Clear Off the Table
cherdarchuk
79
290k
The Language of Interfaces
destraynor
148
21k
Visualization
eitanlees
126
12k
jQuery: Nuts, Bolts and Bling
dougneiner
56
6.5k
What the flash - Photography Introduction
edds
64
10k
Practical Orchestrator
shlominoach
178
8.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.4k
Designing for Performance
lara
597
64k
Done Done
chrislema
174
14k
Gamification - CAS2011
davidbonilla
75
4k
Web development in the modern age
philhawksworth
197
9.4k

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