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
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
610
怖くないES記法(機能)
atsuco
1
780
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
2k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
520
KnockoutからReactに乗り換えたいはなし
atsuco
0
1k
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
380
Other Decks in Programming
See All in Programming
才能?センス?知らん、 続けたもん勝ちだ。-- 結婚・出産・癌を越えてなお、私がプロダクトを創り続ける理由
16bitidol
1
200
dRuby over BLE
makicamel
2
390
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
130
さぁV100、メモリをお食べ・・・
nilpe
0
150
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
740
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
400
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.8k
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
2.3k
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
niftycorp
PRO
0
230
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
ming_ayami
0
130
The NotImplementedError Problem in Ruby
koic
1
920
エンジニア向け会社紹介/Findy Company Profile
findyinc
6
350k
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
Into the Great Unknown - MozCon
thekraken
41
2.6k
Docker and Python
trallard
47
3.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
870
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
AI: The stuff that nobody shows you
jnunemaker
PRO
8
730
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
What's in a price? How to price your products and services
michaelherold
247
13k
Optimizing for Happiness
mojombo
378
71k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
310
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.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
✦ ࣮ࡍʜʜ