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
830
Vuetifyで管理画面ツクール.pdf
booink
December 17, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
MCPでVibe Working。そして、結局はContext Eng(略)/ Working with Vibe on MCP And Context Eng
rkaga
5
2.3k
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
190
Updates on MLS on Ruby (and maybe more)
sylph01
1
180
アセットのコンパイルについて
ojun9
0
130
為你自己學 Python - 冷知識篇
eddie
1
350
ぬるぬる動かせ! Riveでアニメーション実装🐾
kno3a87
1
230
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
260
AI時代のUIはどこへ行く?
yusukebe
18
9.1k
🔨 小さなビルドシステムを作る
momeemt
4
690
The Past, Present, and Future of Enterprise Java with ASF in the Middle
ivargrimstad
0
180
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
130
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
74
5k
RailsConf 2023
tenderlove
30
1.2k
Agile that works and the tools we love
rasmusluckow
330
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Rails Girls Zürich Keynote
gr2m
95
14k
Optimizing for Happiness
mojombo
379
70k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
930
Git: the NoSQL Database
bkeepers
PRO
431
66k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
113
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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ͱྑ͘ͳΖ͏
͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠