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
820
Vuetifyで管理画面ツクール.pdf
booink
December 17, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
340
Gleamという選択肢
comamoca
6
760
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
210
エンジニア向け採用ピッチ資料
inusan
0
160
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
810
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.2k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
17
3.3k
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
11
2k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
480
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
710
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
570
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.3k
The Language of Interfaces
destraynor
158
25k
Navigating Team Friction
lara
187
15k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Code Reviewing Like a Champion
maltzj
524
40k
BBQ
matthewcrist
89
9.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
It's Worth the Effort
3n
185
28k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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ͱྑ͘ͳΖ͏
͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠