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
0
650
Vue.jsで管理画面系サービスのモックをさくさく作る
2019/05/24のWeJS発表資料です
https://wajs.connpass.com/event/130865/
atsuco
May 24, 2019
Tweet
Share
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
570
怖くないES記法(機能)
atsuco
1
760
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
2k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
510
KnockoutからReactに乗り換えたいはなし
atsuco
0
1k
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
360
Other Decks in Programming
See All in Programming
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
mazrean
1
420
AHC061解説
shun_pi
0
400
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
160
Ruby and LLM Ecosystem 2nd
koic
1
1k
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
ikezoemakoto
0
160
AI時代のシステム設計:ドメインモデルで変更しやすさを守る設計戦略
masuda220
PRO
6
1.1k
AIに任せる範囲を安全に広げるためにやっていること
fukucheee
0
140
20260315 AWSなんもわからん🥲
chiilog
2
160
RubyとGoでゼロから作る証券システム: 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
free_world21
0
310
安いハードウェアでVulkan
fadis
0
540
Goの型安全性で実現する複数プロダクトの権限管理
ishikawa_pro
2
470
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
650
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
790
Chasing Engaging Ingredients in Design
codingconduct
0
140
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
350
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
89
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
450
Claude Code のすすめ
schroneko
67
220k
Designing for Timeless Needs
cassininazir
0
170
Ruling the World: When Life Gets Gamed
codingconduct
0
180
Why Our Code Smells
bkeepers
PRO
340
58k
Code Reviewing Like a Champion
maltzj
528
40k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.5k
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
✦ ࣮ࡍʜʜ