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
200
console.animate
ktsn
2
2.6k
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
ktsn
2
2.4k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
350
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
ソフトウェア設計とAI技術の活用
masuda220
PRO
21
5k
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
31
11k
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
290
Porting a visionOS App to Android XR
akkeylab
0
740
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
15
6.8k
Hack Claude Code with Claude Code
choplin
7
2.6k
Model Pollution
hschwentner
1
160
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
3
1k
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
880
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
420
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
Embracing the Ebb and Flow
colly
86
4.8k
Optimizing for Happiness
mojombo
379
70k
Statistics for Hackers
jakevdp
799
220k
A Modern Web Designer's Workflow
chriscoyier
695
190k
For a Future-Friendly Web
brad_frost
179
9.8k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Automating Front-end Workflow
addyosmani
1370
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
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 ࠶ؼతͳσʔλߏͳΜͱ͔͍ͨ͠