Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf
Search
大塚真言
September 27, 2019
Programming
0
630
今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf
大塚真言
September 27, 2019
Tweet
Share
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
290
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
110
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
290
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.4k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
890
PHP8をざっくり解説してみる
shingen29
0
320
最近のプロジェクトを振り返ってみる
shingen29
0
390
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
870
Stripe CLIを触ってみた!
shingen29
1
240
Other Decks in Programming
See All in Programming
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
170
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
CSC509 Lecture 03
javiergs
PRO
0
330
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
1.3k
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
440
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.3k
ALL CODE BASE ARE BELONG TO STUDY
uzulla
15
2.3k
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
110
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
4k
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
550
CSC509 Lecture 04
javiergs
PRO
0
300
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
230
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Side Projects
sachag
455
43k
Making Projects Easy
brettharned
119
6.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Unsuck your backbone
ammeep
671
58k
Six Lessons from altMBA
skipperchong
28
4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Transcript
ࠓҰ൪ΠέͯΔVue.jsཧը໘ ςϯϓϨʔτͷ͝հ 2019/09/27 WebφΠτٶ࡚ vol.6 େ௩ਅݴ
ࣗݾհ ɾTwitterɿ͠Μ͛Μ@ٶ࡚ ɾձࣾɹɿ߹ಉձࣾϊϚυϦ ද ɾεΩϧɿLaravel, Vue.js, FirebaseͳͲ ɾࣄۀɹɿWebγεςϜͷडୗ։ൃ ɾैۀһɿࣗ +
Πϯλʔϯ1໊ ɾझຯɹɿαφ, αʔϑΟϯ, Ωϟϯϓ ϑϦʔϥϯεɾ෭ۀɾΠϯλʔϯืूͯ͠·͢ʂʂ Ұॹʹಇ͖·ͤΜ͔ʁʁ
None
ཧը໘ Ͳ͏ͬͯ࡞ͬͯ·͢ʁ
ཧը໘ͷ࡞Γํ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮ όοΫΤϯυ࣮ ˣ ϑϧεΫϥονͰ ϑϩϯτΛ࣮ ༧ࢉ͋Γ σβΠϯ੍࡞ ϑϩϯτΤϯυ࣮
όοΫΤϯυ࣮ ˣ σβΠϯςϯϓϨʔτͰ ϑϩϯτΛ࣮ ༧ࢉͳ͠
None
None
ͱ͏ͱ͏ ݟ͚ͭ·ͨ͠ʂʂ
Vue-element-admin
None
vue-element-adminͱ • Vue.jsͷUIϑϨʔϜϫʔΫ Element Λ༻ • େنͰෳࡶͳγϯάϧϖʔδΞϓϦέʔγϣ ϯͷߏங͕Մೳ • ແྉ
• Githubελʔ 40,000Ҏ্ ※vue-admin 9,000ɺvuestic-admin 6,000
ಛ • ๛ͳػೳͰࠔΒͳ͍ʂ͔Γ͍͢σΟϨΫτ Ϧߏʂ • ͻͳܗͷ͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕ࡌࡁΈʂ • ෳϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδՃͷखॱ·Ͱ͋Δʂ
None
ಛ • ๛ͳػೳͰࠔΒͳ͍ʂ͔Γ͍͢σΟϨΫτ Ϧߏʂ • ͻͳܗͷ͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕ࡌࡁΈʂ • ෳϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδՃͷखॱ·Ͱ͋Δʂ
None
ಛ • ๛ͳػೳͰࠔΒͳ͍ʂ͔Γ͍͢σΟϨΫτ Ϧߏʂ • ͻͳܗͷ͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕ࡌࡁΈʂ • ෳϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδՃͷखॱ·Ͱ͋Δʂ
None
ಛ • ๛ͳػೳͰࠔΒͳ͍ʂ͔Γ͍͢σΟϨΫτ Ϧߏʂ • ͻͳܗͷ͕ߴ͍ʂʂ • SPAͰओྲྀͷτʔΫϯೝূ͕ࡌࡁΈʂ • ෳϩʔϧʹରԠͨ͠ϖʔδ୯ҐͰͷΞΫηε੍ޚ
• υΩϡϝϯτྑ͍ʂϖʔδՃͷखॱ·Ͱ͋Δʂ
·ͱΊ • Vue.jsͷνϡʔτϦΞϧऴྃޙͷεςοϓ Ξοϓͱͯ͠৮ͬͯΈΔ͜ͱΛ͓͢͢Ί • vuex, vue-router, axiosͳͲͷvue.js։ൃͰ Α͘͏ϥΠϒϥϦͷ͍ํೝূೝՄͷ࣮ ํ๏Λཧղ͢Δ͜ͱ͕Ͱ͖Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
None
None