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
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.6k
Performance Engineering for Everyone
elenatanasoiu
0
250
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
810
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
230
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
1
540
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
kmd2kmd
0
140
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
sushichan044
0
190
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
260
Webフレームワークの ベンチマークについて
yusukebe
0
190
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
190
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.7k
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
14
6.6k
Featured
See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
67
56k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
380
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
490
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
630
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
230
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
400
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
230
KATA
mclloyd
PRO
35
15k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
220
Designing for Performance
lara
611
70k
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
✦ ࣮ࡍʜʜ