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
720
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
330
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
8k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
930
PHP8をざっくり解説してみる
shingen29
0
350
最近のプロジェクトを振り返ってみる
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』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
1.8k
GitHub Copilot CLIのいいところ
htkym
2
1.2k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
450
Inside Stream API
skrb
1
600
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.1k
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
330
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.5k
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
110
ビジネスモデルから紐解く、AI+型駆動開発
hirokiomote
2
5.2k
inferと仲良くなる10分間
ryokatsuse
1
350
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
ternbusty
1
130
RailsTokyo 2026#4: AI様があれば、 Hotwireの弱点は消えるか?
naofumi
5
1k
Featured
See All Featured
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
720
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
22k
Paper Plane (Part 1)
katiecoart
PRO
0
8.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
530
Side Projects
sachag
455
43k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
170
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
470
Optimising Largest Contentful Paint
csswizardry
37
3.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
RailsConf 2023
tenderlove
30
1.5k
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