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
610
今一番イケてる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
100
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
280
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.3k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
880
PHP8をざっくり解説してみる
shingen29
0
320
最近のプロジェクトを振り返ってみる
shingen29
0
390
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
860
Stripe CLIを触ってみた!
shingen29
1
240
Other Decks in Programming
See All in Programming
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
RDoc meets YARD
okuramasafumi
4
160
Honoアップデート 2025年夏
yusukebe
1
900
AIでLINEスタンプを作ってみた
eycjur
1
220
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
130
AI時代のUIはどこへ行く?
yusukebe
7
4.1k
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.4k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
1
200
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
100
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
150
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
8
3.9k
コンテキストエンジニアリング Cursor編
kinopeee
1
740
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How STYLIGHT went responsive
nonsquared
100
5.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
510
Done Done
chrislema
185
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Agile that works and the tools we love
rasmusluckow
330
21k
Side Projects
sachag
455
43k
It's Worth the Effort
3n
187
28k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Invisible Side of Design
smashingmag
301
51k
Being A Developer After 40
akosma
90
590k
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