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

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

大塚真言
September 27, 2019
Programming
0
530

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

大塚真言

September 27, 2019
Tweet

More Decks by 大塚真言

See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
260
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
shingen29
0
82
CI/CD実践入門！ GitHub ActionsでCI/CD環境を作ってみよう！
shingen29
0
250
ユースケース駆動開発で自社プロダクトを作ってみた！
shingen29
1
6.4k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
820
PHP8をざっくり解説してみる
shingen29
0
290
最近のプロジェクトを振り返ってみる
shingen29
0
350
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう！
shingen29
2
790
Stripe CLIを触ってみた！
shingen29
1
220

Other Decks in Programming

See All in Programming
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
590
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
360
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
1.8k
Beyond ORM
77web
11
1.6k
Simple組み合わせ村から大都会Railsにやってきた俺は / Coming to Rails from the Simple
moznion
3
2.1k
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
0
140
rails newと同時に型を書く
aki19035vc
5
710
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.4k
watsonx.ai Dojo #6 継続的なAIアプリ開発と展開
oniak3ibm
PRO
0
170
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
1.4k
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
280

Featured

See All Featured
Site-Speed That Sticks
csswizardry
2
270
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to train your dragon (web standard)
notwaldorf
89
5.8k
The Invisible Side of Design
smashingmag
299
50k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Producing Creativity
orderedlist
PRO
343
39k
YesSQL, Process and Tooling at Scale
rocio
170
14k
The Cult of Friendly URLs
andyhume
78
6.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing for Performance
lara
604
68k
Designing Experiences People Love
moore
139
23k

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