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
730
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
今一番イケてるVue.js製管理画面テンプレートのご紹介.pdf
大塚真言
September 27, 2019
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
320
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
150
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
330
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
8k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
930
PHP8をざっくり解説してみる
shingen29
0
350
最近のプロジェクトを振り返ってみる
shingen29
0
430
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
930
Stripe CLIを触ってみた!
shingen29
1
280
Other Decks in Programming
See All in Programming
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
360
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
280
Hunting Vulnerabilities in Symfony with LLMs
vinceamstoutz
0
560
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
210
Vue × Nuxt × Oxc どこまで使える?実運用の現在地
andpad
0
300
メソッドのジェネリクスでGoの夢は広がるか? / Kyoto.go #65
utgwkk
3
920
AI 輔助遺留系統現代化的經驗分享
jame2408
1
970
A2UI という光を覗いてみる
satohjohn
1
150
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
2.2k
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
260
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
230
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
300
Featured
See All Featured
The Curious Case for Waylosing
cassininazir
1
400
A Modern Web Designer's Workflow
chriscoyier
698
190k
Rails Girls Zürich Keynote
gr2m
96
14k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
1.8k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
The SEO identity crisis: Don't let AI make you average
varn
0
500
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
180
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.4k
Become a Pro
speakerdeck
PRO
31
6k
The browser strikes back
jonoalderson
0
1.3k
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