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
670
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
More Decks by atsuco
See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.9k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
240
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
660
JSでアニメーションに入門したい
atsuco
1
620
怖くないES記法(機能)
atsuco
1
780
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
2k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
530
KnockoutからReactに乗り換えたいはなし
atsuco
0
1k
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
380
Other Decks in Programming
See All in Programming
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
360
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
yuppeeng
0
100
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
0
280
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
390
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
tomoyanonymous
1
330
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに? 〜設計の考え方を、たとえ話で学ぼう〜
panda728
PRO
1
120
5分で問診!Composer セキュリティ健康診断
codmoninc
0
330
これからAgentCoreを触る方へトレンドはGatewayです
har1101
6
500
OSINT for SRE: 学術論文とポストモーテムから探る システム障害の共通パターン / SRE NEXT 2026
tomoyk
1
3.8k
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
7
6.3k
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
utilforever
1
140
エンジニア向け会社紹介/Findy Company Profile
findyinc
6
360k
Featured
See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
550
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
420
Java REST API Framework Comparison - PWX 2021
mraible
34
9.5k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
64
56k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
エンジニアに許された特別な時間の終わり
watany
108
250k
Context Engineering - Making Every Token Count
addyosmani
9
1k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
590
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
350
Design in an AI World
tapps
1
260
Amusing Abliteration
ianozsvald
1
230
Code Review Best Practice
trishagee
74
20k
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
✦ ࣮ࡍʜʜ