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 の正体とその未来
Search
katashin
October 28, 2016
Programming
3
2.4k
Vuex の正体とその未来
Vue.js Tokyo v-meetup=“#2" 2016/10/28
http://vuejs-meetup.connpass.com/event/41955/
katashin
October 28, 2016
Tweet
Share
More Decks by katashin
See All by katashin
テストの重要性 / Test is Important
ktsn
0
190
console.animate
ktsn
2
2.6k
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
ktsn
2
2.3k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
300
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.2k
型付きテンプレートがほしい
ktsn
1
44k
Toward Type Safety of Vuex
ktsn
1
970
Other Decks in Programming
See All in Programming
Ça bouge du côté des animations CSS !
goetter
2
150
Open source software: how to live long and go far
gaelvaroquaux
0
660
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.2k
Learning Kotlin with detekt
inouehi
1
130
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
300
Honoとフロントエンドの 型安全性について
yodaka
7
1.4k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
810
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
680
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
140
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
150
Datadog Workflow Automation で圧倒的価値提供
showwin
1
160
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
Gamification - CAS2011
davidbonilla
80
5.2k
Unsuck your backbone
ammeep
669
57k
Rails Girls Zürich Keynote
gr2m
94
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Music & Morning Musume
bryan
46
6.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Typedesign – Prime Four
hannesfritz
40
2.5k
Code Review Best Practice
trishagee
67
18k
Transcript
7VFYͷਖ਼ମͱͦͷະདྷ 7VFKT5PLZPWNFFUVQl
!LUTO LBUBTIJO 7VFKTDPSFUFBNNFNCFS 7VFYNBJOUBJOFS ઃܭ͜Θ͍
ঢ়ଶཧ͕ͭΒ͍ w ͋ΔίϯϙʔωϯτͷσʔλΛଞͰࢀর͍ͨ͠ w ঢ়ଶભҠ͕ෳࡶͰͲ͏ಈ͍ͯΔͷ͔Θ͔Βͳ͍ w ίϯϙʔωϯτׂͨ͠ΒόέπϦϨʔͭΒ͍
3FEVY w ෭࡞༻ΛͲ͏ॻ͘ͷ͔ w ґଘ͢Δ4VC4UBUF5SFFΛͲ͏࣋ͬͯ͘Δ͔ w "DUJPO$SFBUPSͷϘΠϥʔϓϨʔτͲ͏͢Δ͔
7VFYJTBTUBUFNBOBHFNFOUQBUUFSO MJCSBSZ GPS7VFKTBQQMJDBUJPOT
7VFYͷਖ਼ମʁ w 'MVY w 4JOHMF4PVSDFPG5SVUI w $234
None
(FUUFS
.VUBUJPO
"DUJPO
None
None
.PEVMF
.PEVMFͷڍಈ w 4UBUF͕Ϟδϡʔϧͷ4UBUFʹͳΔ w Ϟδϡʔϧ͝ͱʹ4UBUFͷײ৺Λ w (FUUFS "DUJPO .VUBUJPOͯ͢ϑϥοτʹల։ w
/BNFTQBDF։ൃऀ͕Λ࣋ͭ w 7JFX4UPSFͷߏΛΒͳ͍ w มߋʹΑΓڧ͘ͳΔ
7VFYΛ͏ w 41"ͳΒͱΓ͋͑ͣಋೖͯ͠ྑ͍ w WVFEFWUPPMTͷϝϦοτ͕େ͖͍ w ϥΠϒϥϦࣗମͦΜͳʹ੍ͳ͍ͷͰॊೈ
Components Mutations State
Components Mutations State Actions Getters
Backend API Router Browser API ʜ Model Side Effects Service
Components Mutations State Actions Getters Domain
7VFYͷະདྷʁ
None
7VFYͷະདྷʁ w /BNFTQBDF w ࠶ؼతͳσʔλߏ w $MJFOU4FSWFS%BUB1FSTJTUFODFʢԕΊͷະདྷʣ ݸਓͷݟղͰ͋Γʢ͈́
None
ఏҊத 1VMM3FRૹͬͨ
None
None
ఏҊத
None
None
None
·ͱΊ w ਖ਼ମ w 'MVY 44P5 $234 w ෭࡞༻Λશʹ"DUJPOͰ͖Δ w
نʹΑͬͯઓज़Λม͑ΒΕΔॊೈੑ w ະདྷ w /BNFTQBDFͳΜͱ͔ͳΓͦ͏ w ࠶ؼతͳσʔλߏͳΜͱ͔͍ͨ͠