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
Vuexで何を管理する方が良い?/What is better to store in Vuex?
Search
kkznch
July 19, 2019
Technology
1
760
Vuexで何を管理する方が良い?/What is better to store in Vuex?
v-okinawa Vue.js/Nuxt.js meetup #1 初心者歓迎
LT枠で使用
参考URL
https://v-okinawa.connpass.com/event/137113
kkznch
July 19, 2019
Tweet
Share
More Decks by kkznch
See All by kkznch
黒い画面へようこそ/Hello, black screen
kkznch
0
410
VueRouterとNuxtのルーティング/VueRouter and Nuxt Routing
kkznch
0
370
Firestoreのルール設定 割と何でも出来てビビる/Firestore rule setting
kkznch
1
810
LaraCSVで手軽にCSVを出力する/Easily generate CSV by LaraCSV
kkznch
0
1.7k
自社サービス チャット機能にFirebaseが導入されてた/Firebase was introduced to the chat function of our service
kkznch
0
1.2k
SPA開発未経験者によるNuxt.jsを使った自社サービス開発 / Development of own service using Nuxt.js by inexperienced SPA development
kkznch
3
3.2k
Laravel Telescopeが便利そうな気がする/Laravel Telescope seems to be convenience
kkznch
1
1.1k
Laravel Novaはなんだかいい感じらしい/Laravel Nova seems to be nice
kkznch
0
660
Laravel5.5的 継続的インテグレーション / Laravel 5.5 Continuous Integration
kkznch
3
3.5k
Other Decks in Technology
See All in Technology
TLSから見るSREの未来
atpons
2
110
ゼロからはじめる採用広報
yutadayo
3
1k
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
180
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
5
410
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
coconala_engineer
1
250
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
10
130k
CDK Vibe Coding Fes
tomoki10
0
310
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
250
Coinbase™®️ USA Contact Numbers: Complete 2025 Support Guide
officialcoinbasehelpcenter
0
460
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
200
衛星運用をソフトウェアエンジニアに依頼したときにできあがるもの
sankichi92
1
170
LLM時代の検索
shibuiwilliam
2
480
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Site-Speed That Sticks
csswizardry
10
690
Done Done
chrislema
184
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing for humans not robots
tammielis
253
25k
Optimizing for Happiness
mojombo
379
70k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
310
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Transcript
VuexͰ ԿΛཧ͢Δํ͕ྑ͍ʁ גࣜձࣾRe:Build Յ ါىʢ@kkznchʣ 20197݄19ʢۚʣ v-okinawa Vue.js/Nuxt.js meetup #1
͚͚ͣΜ @kkznch ܦྺ ɾ1990ͷԭೄੜ·Ε ɾී௨ߴग़ɺླྀେใֶՊग़ ɾిྗձࣾͷITΠϯϑϥɺηΩϡϦςΟ ɾגࣜձࣾRe:BuildͰWebΤϯδχΞ झຯ ɾήʔϜɺΞχϝɺόϨʔϘʔϧɺϐΞϊ ࠷ۙͷग़དྷࣄ
ɾਓੜॳͷϐΞϊͷൃදձͰԋ͖ͯͨ͠ ɾεϚϒϥSPͷେձʹඋ͑ͯ࿅शத
ࠓ͢͜ͱ • Vuexʹ͍ͭͯ • VuexͰࣦഊ͠·ͨ͠ • VuexͰͲΜͳσʔλΛཧ͢Δํ͕Α͍͔
Vuexʹ͍ͭͯ
Vue.js ΞϓϦέʔγϣϯͷͨΊͷ ঢ়ଶཧύλʔϯ + ϥΠϒϥϦͰ͢ ※ VuexެࣜαΠτ(https://vuex.vuejs.org/ja) ΑΓ
·ͣVue.jsͷίϯϙʔωϯτؒͷ ͠Λߟ͑ͯΈΔ
ίϯϙʔωϯτؒpropsemitͰσʔλΛΓऔΓ
ίϯϙʔωϯτͷ͕૿͑Δͱ
όέπϦϨʔࠈ
Vuexͩͱ
ίϯϙʔωϯτؒͷσʔλͷΓऔΓΛࠜઈ
ίϯϙʔωϯτͱVuexͷΓͱΓʹ
σʔλͷঢ়ଶมԽͷྲྀΕ͕උ͞Ε͍ͯΔ
VuexͰࣦഊ͠·ͨ͠
։ൃલͷࣗ ΞϓϦͷͯ͢ͷσʔλΛ VuexͰཧ͢ΔͱͤʹͳΕͦ͏
։ൃதʢݱࡏʣͷࣗ ΞϓϦͷͯ͢ͷσʔλΛ VuexͰཧ͢ΔͷΊ͓͚ͯ
Whyʁͦͷ1
ετΞʹอ࣋͞ΕͨσʔλΛ ࢀর͢Δ࠷৽ͷσʔλͰͳ͍
Α͋͘ΔԿ͔͠ΒͷҰཡը໘
Ұཡͷதʹ͋Δσʔλͷৄࡉը໘
ετΞʹอͯ͠ΔσʔλΛ ఆظతʹߋ৽ͯ͋͛͠ͳ͍ͱ ݹ͍σʔλΛࢀর͠ଓ͚ͪΌ͏
Whyʁͦͷ2
ϒϥβΛϦϩʔυ͢Δͱ Vuexʹอ࣋ͨ͠σʔλফ͑Δ
localStorageʹอଘͯ͠ ॳظσʔλੜ࣌ͦ͜Λ ࢀরͯ͠σʔλফࣦΛճආՄೳ
VuexͰͲΜͳσʔλΛ ཧ͢Δํ͕Α͍͔
Vuex͏ͱྑͦ͞͏ • ΞϓϦͷΞΫηετʔΫϯ • ϚελσʔλͳͲͷߋ৽සͷ͍σʔλ • ༷ʑͳίϯϙʔωϯτ͔Βࢀর͞ΕΔσʔλ
VuexΘͳͯ͘ྑͦ͞͏ • شൃੑͷߴ͍σʔλʢτάϧͷON/OFFͱ ͔ʣ • ͦͷίϯϙʔωϯτͰ͔͠Θͳ͍σʔλ • ֊͕ബ͍σʔλͷΓऔΓ
·ͱΊ
·ͱΊ • ҆қͳؾ࣋ͪͰVuexΛ͏͔Βͣ • ͏ࡍཧ͢ΔσʔλΛۛຯͯ͠͏͠ • Vuexʹ͍ͭͯϕλʔϓϥΫςΟεͱ͔͋Ε ڭ͍͑ͯͩ͘͞