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
How to define the relationship in vuex's state
Search
Tetsuya Tatsumi
March 09, 2018
Programming
1
440
How to define the relationship in vuex's state
When you use vuex state, how to define relationship between state objects?
Tetsuya Tatsumi
March 09, 2018
Tweet
Share
More Decks by Tetsuya Tatsumi
See All by Tetsuya Tatsumi
LINE Thingsで視力検査
dokechin
0
87
筋トレ応援団.pdf
dokechin
1
300
全文検索システムFESSを使った Web+DB PRESS 総集編の全文検索
dokechin
0
360
ダンドリーキッチン
dokechin
0
430
ダンドリーキッチン
dokechin
0
1.2k
Other Decks in Programming
See All in Programming
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
19
11k
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
190
Namespace and Its Future
tagomoris
6
700
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
7
3.3k
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
290
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
120
時間軸から考えるTerraformを使う理由と留意点
fufuhu
14
4.6k
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
Ruby Parser progress report 2025
yui_knk
1
420
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
480
🔨 小さなビルドシステムを作る
momeemt
3
670
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Statistics for Hackers
jakevdp
799
220k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Visualization
eitanlees
148
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
)PXUPEFpOFUIF SFMBUJPOTIJQJOWVFYT TUBUF (PUBOEBKTJO/FYUCFBU !EPLFDIJO
ˏEPLFDIJO w .JEEMF"HFENBOXIPMJLFTUPNBLFXFC BQQMJDBUJPO CVUUFDIOPMPHZMFWFMJTʜ
*NQMFNFOUJOH8FC "QQMJDBUJPOGPSQFSTPOBMVTF w 7VF w 7VFY w WVFDMJ w 7VFUJGZ
7VFY It serves as a centralized store for all the
components in an application
.PEFM ΠΦϯ ͓٬༷ײँσʔ ͋Γ͕ͱ͏σʔ ΠτʔϤʔΧಊ ϋοϐʔσʔ
%FpOFSFMBUJPOTIJQCZ SFGFSFODF TUBUF\ TIPQT<BFPO ZPLBEP> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ` TIPQBFPO^
\OBNFb͋Γ͕ͱ͏σʔ` TIPQBFPO^ \OBNFbϋοϐʔσʔ` TIPQZPLBEP^ > ^
%FpOFSFMBUJPOTIJQCZ*% TUBUF\ TIPQT<\JE OBNFbΠΦϯ`^ \JE OBNFbϤʔΧಊ`^> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ`
TIPQ@JE^ \OBNFb͋Γ͕ͱ͏σʔ` TIPQ@JE^ \OBNFbϋοϐʔσʔ` TIPQ@JE^ > ^
(FUUJOHTIPQOBNFGSPN EJTDPVOU w EJTDPVOUTIPQOBNF w HFU4IPQ#Z*E EJTDPVOUTIPQ@JE OBNF 3FGFSFODFɹ *%ɹ
3FGFSFODFXBZ w 6OEFSTUBOEBCMFDPEF w /PHFUUFSSFRVJSFE
4UBUFQFSTJTUFODF QSPCMFN
6TJOH-PDBM4UPSFHF BTTUBUFTUPSF
3FGFSFODFPCKFDUJT SFQMBDFEUPWBMVF TUBUF\ TIPQT<\OBNFbBFPO`^ \OBNFbZPLBEP`^> EJTDPVOUT< \OBNFb͓٬༷ײँσʔ` TIPQ\OBNFbBFPO`^^
\OBNFb͋Γ͕ͱ͏σʔ` TIPQ\OBNFbBFPO`^^ \OBNFbϋοϐʔσʔ` TIPQ\OBNFbZPLBEP`^^ > ^
3FGFSFODFSFDPOTUSVDUJT OFFEFE var storage = JSON.parse localStorage.getItem bkey' var shops
= new Map storage.shops.map i => <i.id i> for var discount of storage.discounts { discount.shop = shops.get discount.shop.id } this.replaceState Object.assign state storage
$PODMVTJPO w 3FMBUJPOTIJQTPGNFNCFSTPG4UBUFDBOCF SFQSFTFOUFEVTJOHSFGFSFODFT w #VUDPOTJEFSBUJPOGPSQFSTJTUFODFTUPSFJT OFDFTTBSZ