Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.jsで管理画面系サービスのモックをさくさく作る

atsuco
May 24, 2019
Programming
0
390

 Vue.jsで管理画面系サービスのモックをさくさく作る

2019/05/24のWeJS発表資料です
https://wajs.connpass.com/event/130865/

atsuco

May 24, 2019
Tweet

More Decks by atsuco

See All by atsuco
TypeScriptで型安全に入門したい
atsuco
1
5.2k
Vue.jsのプロジェクトをリファクタしているはなし
atsuco
0
170
We Are JavaScripters! の運営になって1年経ちました
atsuco
0
350
JSでアニメーションに入門したい
atsuco
1
410
怖くないES記法（機能）
atsuco
1
560
HyperappでMarkdownエディタを作って薄い本を書きたい
atsuco
1
1.4k
コードリーディング初心者がHyperAppを読んだ
atsuco
0
360
KnockoutからReactに乗り換えたいはなし
atsuco
0
660
フロントエンドチームを立ち上げて2年くらい経ちました
atsuco
0
290

Other Decks in Programming

See All in Programming
爆速の日経電子版開発の今
shinyaigeek
2
630
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
270
ポケモンで学ぶiOS 16弾丸ツアー 🚅
giginet
PRO
1
610
What's new in Shopware 6.5
shyim
0
110
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
42k
Most Valuable Bug(?) ~インシデント未遂から得た学び~
tatsumiakahori
0
150
Remix + Cloudflare Pages + D1 で ポケモン SV のレンタルチームを検索できるアプリを作ってみた
kuroppe1819
4
1.4k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
340
社会人 20 年目エンジニア、発信で技術学びなおしてる話
e99h2121
1
140
PHPDocにおける配列の型定義を少し知る
shimabox
1
140
Unity+C#で学ぶ！ メモリレイアウトとvtableのすゝめ 〜動的ポリモーフィズムを実現する仕組み〜
rossam
1
240
ITエンジニア特化型Q&Aサイトteratailを 言語、DB、クラウドなど フルリプレイスした話
leveragestech
0
410

Featured

See All Featured
Three Pipe Problems
jasonvnalue
89
8.9k
The Art of Programming - Codeland 2020
erikaheidi
36
11k
For a Future-Friendly Web
brad_frost
166
7.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
22
1.7k
Become a Pro
speakerdeck
PRO
6
3.2k
4 Signs Your Business is Dying
shpigford
171
20k
How GitHub (no longer) Works
holman
298
140k
Designing for Performance
lara
600
65k
How to Ace a Technical Interview
jacobian
270
21k
GraphQLとの向き合い方2022年版
quramy
20
9.9k
How to name files
jennybc
47
73k
How GitHub Uses GitHub to Build GitHub
holman
465
280k

Transcript

  1. 7VFKTͰ؅ཧը໘ܥαʔϏεͷ ϞοΫΛ͘͘͞͞࡞Δ [email protected]

  2. ΞαΦΧΞπί ϑϦʔϥϯε ϑϩϯτΤϯυσβΠϯ Ͷ͜ͱϥΠϒͱ؁͍΋ͷ͕͋Ε͹޾ͤ

  3. ΍Γ͔ͨͬͨ͜ͱ

  4. None

  5. ✦ ϧʔςΟϯά͸1)1ʢ-BSBWFMʣ ✦ IUNMͱDTTΛೲ඼͍ͨ͠ ✦ ϖʔδ਺ຕ͘Β͍ ✦ ϔομʔͱ͔μΠΞϩάͱ͔ڞ௨Խ͍ͨ͠

  6. 7VF$-* શ෦ೖΓͰ؆୯ ୯ҰίϯϙʔωϯτͰ )5.-͕ͦͷ··ॻ͚Δ -BSBWFMͱ ͳ͔Α͠

  7. > npm i -g @vue/cli > vue ui

  8. None

  9. ✦ vue-cli-plugin-auto-routing ✦ webfont ✦ chart.js / daterange-picker

  10. assets components layouts pages App.vue main.js router.js store.js SCSS/font/images… page

    template common filter common flag

  11. pages index.vue login about profile password.vue index.vue index.vue detail.vue dummy_data.json

  12. ✦ ϞοΫ಺ͰϧʔςΟϯά͕Ͱ͖Δ ✦ ϔομʔɾϝΠϯφϏ౳ίϯϙʔωϯτԽ ✦ μΠΞϩάΛύϥϝʔλͰ؅ཧ

  13. Name Password Login Name Password Login ! Login Error /login

    /login?notice=error

  14. -BSBWFM 7VFKT

  15. more Vue.js Top Item About Laravel

  16. ✦ ࣮ࡍ͸ʜʜ