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
Vuetifyで管理画面ツクール.pdf
Search
booink
December 17, 2019
Programming
1
620
Vuetifyで管理画面ツクール.pdf
booink
December 17, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
使ってみよう Azure AI Document Intelligence
kosmosebi
2
300
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
雑に思考を整理する技術と効能
konifar
58
29k
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
530
Site Reliability Engineering for GMO
pyama86
7
1k
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
100
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
730
Ruby GitHub Packages
bkuhlmann
0
630
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
422
63k
It's Worth the Effort
3n
180
27k
Side Projects
sachag
451
41k
Testing 201, or: Great Expectations
jmmastey
28
6.3k
What's in a price? How to price your products and services
michaelherold
237
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
How to name files
jennybc
65
93k
Fireside Chat
paigeccino
21
2.6k
Six Lessons from altMBA
skipperchong
21
3k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Transcript
7VFUJGZͰ ཧը໘πΫʔϧ
ࠓճͷςʔϚ 7VFUJGZͰཧը໘πΫʔϧʂ
ཧը໘͓͖Ͱ͔͢ʁ
ཧը໘ͷΠϝʔδ w 443Ͱγϯϓϧͳ)5.-Ͱ͍͍͡ΌΜ w 41"ʹͨ͜͠ͱʹΑͬͯɺ͍Ζ͍Ζ࡞ΓࠐΉͷ͕ΊΜͲ͘ ͘͞ͳ͍ʁ
ཧը໘ͷΠϝʔδ w 443Ͱγϯϓϧͳ)5.-Ͱ͍͍͡ΌΜ w 41"ʹͨ͜͠ͱʹΑͬͯɺ͍Ζ͍Ζ࡞ΓࠐΉͷ͕ΊΜͲ͘ ͘͞ͳ͍ʁ
443ͷମݧΛଛͶͣʹ ͞Βʹ ϦονͰ͍͍͢ ཧը໘ΛπΫʔϧʂ
ͱ͍͏Θ͚Ͱ ຊ
ಈ࡞ڥ w 7VF w /VYUKT w 7VFUJGZ w NPEFbTQB` w
7VFY w 7VFSPVUFS
EFNP༻ͷϦϙδτϦ w IUUQTHJUIVCDPNCPPJOLWVFUJGZEFNP
ಥવͰ͕͢
ཧը໘Λ 41"ʹ͠Α͏ͱࢥ͚ͬͨͲ ҙ֎ͱΔ͜ͱଟͯ͘ πϥͨΜʂʂ
͜Μͳܦݧ ͋Γ·ͤΜ͔ʁ
Կ͕πϥͨΜ͔ w σʔλϕʔεͷσʔλΛҰཡදࣔWEBUBUBCMFͰαΫο ͱͰ͖͚ͨͲɺݕࡧϑΥʔϜͷ֤߲Λ63-ʹϚοϐϯ ά͢Δͷ͕ɺ݁ߏΊΜͲ͍͘͞ɻ w ͱ͍͏͔ͦͦͲ͏Δͷʼʻ
σʔλϕʔεͷσʔλΛҰཡද ࣔWEBUBUBCMFͰαΫοͱ Ͱ͖͚ͨͲɺݕࡧϑΥʔϜͷ ֤߲Λ63-ʹϚοϐϯά͢ Δͷ͕ɺ݁ߏΊΜͲ͍͘͞ɻ
Ͳ͏͍͏͜ͱ͔ ͜͏͍͏ͷ
͜͏͍͏͜ͱ 2VFSZ4USJOHͰҰཡදࣔ͢ΔσʔλΛϑΟϧλϦϯά͍ͨ͠
͜͏͍͏͜ͱ 2VFSZ4USJOHͰҰཡදࣔ͢ΔσʔλΛϑΟϧλϦϯά͍ͨ͠ w ݕࡧ݁Ռͷ63-Λڞ༗Ͱ͖Δͷ࠷ߴ w 443ͩͬͨΒݕࡧલͱݕࡧޙΛϒϥβόοΫͰͬͨΓͰ͖Δ͠
͜͏͍͏͜ͱ 443ʹ͢Ε؆୯͡ΌΜͬʂʂʂ 2VFSZ4USJOHͰҰཡදࣔ͢ΔσʔλΛϑΟϧλϦϯά͍ͨ͠
͜͏͍͏͜ͱ 2VFSZ4USJOHͰҰཡදࣔ͢ΔσʔλΛϑΟϧλϦϯά͍ͨ͠ 443ʹ͢Ε؆୯͡ΌΜͬʂʂʂ 41"ͰΓ·͢ ڧ͍ҙࢤ
%FNP http://localhost:15000/spa-shops
࠷ॳଟ͜Μͳؾ࣋ͪ w WEBUBUBCMFͰҰཡϖʔδͰ͖ͨʂ w WQBHJOBUJPOͰϖʔδϯάΦοέʔʂ w ݕࡧϑΥʔϜՃͯ͠ɺϑΟϧλϦϯάᘳʂʂ
࠷ॳଟ͜Μͳؾ࣋ͪ w WEBUBUBCMFͰҰཡϖʔδͰ͖ͨʂ w WQBHJOBUJPOͰϖʔδϯάΦοέʔʂ w ݕࡧϑΥʔϜՃͯ͠ɺϑΟϧλϦϯάᘳʂʂ w ͋ΕɺͰϖʔδΛϦϩʔυ͢ΔͱݕࡧϑΥʔϜͷ݅ޮ ͍ͯͳ͍ʁ
w ϖʔδϖʔδʹͬͯΔ͠ʝ
7VF3PVUFSͷొ • https://router.vuejs.org/ja/
7VF3PVUFSͷొ • this.$router.push({ query: { id: 1 } }) w
ˢ͜Μͳײ͡ͷॲཧΛೖΕΕ͍͍ײ͡ʹͳΔͷͰ ʝʁ w ݕࡧͷλΠϛϯάʹೖΕͯΈΑ͏
%FNP http://localhost:15000/vr-shops
͓ͬͳΜ͔͍͍ײ͡
ͰͳΜ͔͏·͍͔͘ͳ͍ w ϖʔδϯά͢ΔͱQBHFͱ͔͍ͭͯ΄͍͠ͳ w QBHFͷTFUUFSʹSPVUFSQVTIՃ͢Δ͔ w Ϧϩʔυ͢Δͱɺ63-ͦͷ··ͳͷʹදࣔσʔλ͕શ݅ʹͳΔͳ w ͡ΌDSFBUFEͷGFUDIॲཧʹSPVUFRVFSZͷͰݕࡧͰ͖ΔΑ͏ʹ͠Α͏ w
ϒϥβόοΫͯ͠ɺදࣔσʔλ͕มΘΒͳ͍ͧ w ʜ w ҰମͲ͏͢Ε͍͍Μͩʂʂʂ
φϏήʔγϣϯΨʔυ w IUUQTSPVUFSWVFKTPSHKBHVJEFBEWBODFE OBWJHBUJPOHVBSETIUNM
σόοάϩάͰݟͯΈΑ͏ beforeRouteEnter (to, from, next) { console.log('beforeRouteEnter') next() }, beforeRouteUpdate
(to, from, next) { console.log('beforeRouteUpdate') next() }, beforeRouteLeave (to, from, next) { console.log('beforeRouteLeave') next() },
Ͳ͏Β w 63-ʹϚον͢ΔSPVUFͷίϯϙʔωϯτΛಡΈࠐΜͩ࣌ ʹCFGPSF3PVUF&OUFS͕ݺͼग़͞ΕΔ w ಉ͡ίϯϙʔωϯτͰ63-͕ ݕࡧϑΥʔϜϖʔδϯ άʹΑͬͯ มߋ͞ΕΔ࣌ʹCFGPSF3PVUF6QEBUF͕ݺ ͼग़͞ΕΔ
w 63-͕SPVUFͷίϯϙʔωϯτͰແ͘ͳΔ࣌ʹ CFGPSF3PVUF-FBWF͕ݺͼग़͞ΕΔ
ͳͷͰ w CFGPSF3PVUF&OUFSͰ2VFSZ4USJOHͷΛݩʹGFUDIॲཧΛݺͼग़ͤ ྑͦ͞͏ w TIPQTͷ߹ɺTIPQT JE͕खೖྗ͞Εͨ߹ରԠͰ͖ Δ w CFGPSF3PVUF6QEBUFCFGPSF3PVUF&OUFSͱಉ͡ॲཧͰྑ͛͞
w Γ͍ͨ͜ͱશ͘Ұॹ w CFGPSF3PVUF-FBWFԿ͠ͳ͍͍͔ͯ͘ͳ w ಛʹॳظԽॲཧͱ͔ෆཁͳͣ
%FNP http://localhost:15000/shops
·ͱΊ 7VF3PVUFSͱྑ͘ͳΖ͏
͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠