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で管理画面系サービスのモックをさくさく作る
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
atsuco
May 24, 2019
Programming
660
0
Share
Vue.jsで管理画面系サービスのモックをさくさく作る
2019/05/24のWeJS発表資料です
https://wajs.connpass.com/event/130865/
atsuco
May 24, 2019
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.9k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
240
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
640
JSでアニメーションに入門したい
atsuco
1
590
怖くないES記法(機能)
atsuco
1
770
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
2k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
520
KnockoutからReactに乗り換えたいはなし
atsuco
0
1k
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
370
Other Decks in Programming
See All in Programming
ついに来た!本格的なマルチクラウド時代の Google Cloud
maroon1st
0
440
2026年のソフトウェア開発を考える(2026/05版) / Software Engineering Scrum Fest Niigata 2026 Edition
twada
PRO
23
13k
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
450
開発とはなにか、Essenceカーネルで見えるもの
ukin0k0
0
170
実用!Hono RPC2026
yodaka
2
310
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
hadashia
2
1.8k
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
kiichisugihara
1
280
PHPでバイナリをパースして理解するASN.1
muno92
PRO
0
460
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
rkaga
28
22k
【ディップ|26年新卒研修資料】OpenAPI/Swagger REST API研修
dip_tech
PRO
0
160
サプライチェーン攻撃対策「層を重ねて落ちない壁」を10日間で組み上げた話 #TechLeadConf2026
kashewnuts
1
280
Skillは並べた。動かなかった。契約で繋いだ。— 65個のSkillから、自走する開発サイクルへ
junholee
0
590
Featured
See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
140
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
550
30 Presentation Tips
portentint
PRO
1
290
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
140
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
230
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
390
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
800
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Transcript
7VFKTͰཧը໘ܥαʔϏεͷ ϞοΫΛ͘͘͞͞࡞Δ !BUTVDP@
ΞαΦΧΞπί ϑϦʔϥϯε ϑϩϯτΤϯυσβΠϯ Ͷ͜ͱϥΠϒͱ͍ͷ͕͋Εͤ
Γ͔ͨͬͨ͜ͱ
None
✦ ϧʔςΟϯά1)1ʢ-BSBWFMʣ ✦ IUNMͱDTTΛೲ͍ͨ͠ ✦ ϖʔδຕ͘Β͍ ✦ ϔομʔͱ͔μΠΞϩάͱ͔ڞ௨Խ͍ͨ͠
7VF$-* શ෦ೖΓͰ؆୯ ୯ҰίϯϙʔωϯτͰ )5.-͕ͦͷ··ॻ͚Δ -BSBWFMͱ ͳ͔Α͠
> npm i -g @vue/cli > vue ui
None
✦ vue-cli-plugin-auto-routing ✦ webfont ✦ chart.js / daterange-picker
assets components layouts pages App.vue main.js router.js store.js SCSS/font/images… page
template common filter common flag
pages index.vue login about profile password.vue index.vue index.vue detail.vue dummy_data.json
✦ ϞοΫͰϧʔςΟϯά͕Ͱ͖Δ ✦ ϔομʔɾϝΠϯφϏίϯϙʔωϯτԽ ✦ μΠΞϩάΛύϥϝʔλͰཧ
Name Password Login Name Password Login ! Login Error /login
/login?notice=error
-BSBWFM 7VFKT
more Vue.js Top Item About Laravel
✦ ࣮ࡍʜʜ