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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
大塚真言
September 27, 2019
Programming
710
0
Share
今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf
大塚真言
September 27, 2019
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
320
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
140
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
320
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.9k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
920
PHP8をざっくり解説してみる
shingen29
0
340
最近のプロジェクトを振り返ってみる
shingen29
0
420
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
920
Stripe CLIを触ってみた!
shingen29
1
280
Other Decks in Programming
See All in Programming
Go_College_最終発表資料__外部公開用_.pdf
xe_pc23
0
110
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
ickx
0
120
Java 21/25 Virtual Threads 소개
debop
0
320
10年分の技術的負債、完済へ ― Claude Code主導のAI駆動開発でスポーツブルを丸ごとリプレイスした話
takuya_houshima
0
430
SkillがSkillを生む:QA観点出しを自動化した
sontixyou
4
2.4k
Nuxt Server Components
wattanx
0
240
安いハードウェアでVulkan
fadis
1
880
Redox OS でのネームスペース管理と chroot の実現
isanethen
0
520
L’IA au service des devs : Anatomie d'un assistant de Code Review
toham
0
190
AI-DLC 入門 〜AIコーディングの本質は「コード」ではなく「構造」〜 / Introduction to AI-DLC: The Essence of AI Coding Is Not “Code” but “Structure”
seike460
PRO
0
210
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
180
AI活用のコスパを最大化する方法
ochtum
0
370
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
95
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
460
The Language of Interfaces
destraynor
162
26k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
120
Navigating Team Friction
lara
192
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Color Theory Basics | Prateek | Gurzu
gurzu
0
280
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
340
エンジニアに許された特別な時間の終わり
watany
106
240k
A designer walks into a library…
pauljervisheath
211
24k
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