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
86
筋トレ応援団.pdf
dokechin
1
290
全文検索システムFESSを使った Web+DB PRESS 総集編の全文検索
dokechin
0
350
ダンドリーキッチン
dokechin
0
410
ダンドリーキッチン
dokechin
0
1.2k
Other Decks in Programming
See All in Programming
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
49
32k
ニーリーにおけるプロダクトエンジニア
nealle
0
680
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
640
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
130
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
110
ReadMoreTextView
fornewid
1
490
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
990
GoのGenericsによるslice操作との付き合い方
syumai
3
700
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
710
技術同人誌をMCP Serverにしてみた
74th
1
450
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Scaling GitHub
holman
459
140k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Visualization
eitanlees
146
16k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Designing for Performance
lara
609
69k
The Cult of Friendly URLs
andyhume
79
6.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
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