Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Vue.jsで管理画面系サービスのモックをさくさく作る
Search
atsuco
May 24, 2019
Programming
690
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Vue.jsで管理画面系サービスのモックをさくさく作る
2019/05/24のWeJS発表資料です
https://wajs.connpass.com/event/130865/
atsuco
May 24, 2019
Transcript
16 slides
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
✦ ࣮ࡍʜʜ
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
6k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
250
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
680
JSでアニメーションに入門したい
atsuco
1
630
怖くないES記法(機能)
atsuco
1
790
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
2.1k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
550
KnockoutからReactに乗り換えたいはなし
atsuco
0
1.1k
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
390
Other Decks in Programming
See All in Programming
SODA - FACT BOOK(EN)
sodainc
1
240
AI-Powered Domain-Driven Design
ziobrando
0
450
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
980
Scalaの型でマルチテナントの認可を守る
nextbeatdev
0
130
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
1
2.1k
あなたはMCPの機能を、まだ知らない。
4geru
1
140
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
rkaga
5
880
Spec-driven Development with AI
simas
PRO
0
2.3k
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
itsmedreamwalker
1
230
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
l2hyunwoo
0
260
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
giljongyu
0
750
graphql-ruby を Spinel で速くしようとした話
mtsmfm
0
150
Featured
See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.9k
BBQ
matthewcrist
90
10k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.2k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
2
3.9k
The Curious Case for Waylosing
cassininazir
1
610
Building the Perfect Custom Keyboard
takai
2
960
Crafting Experiences
bethany
1
440
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
940
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k