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
ユーザーが編集中の状態管理について考えよう
Search
Ryusou
September 15, 2021
3
6.5k
ユーザーが編集中の状態管理について考えよう
フロントエンドLT会 - vol.4 #frontendltのスライドです
Ryusou
September 15, 2021
Tweet
Share
More Decks by Ryusou
See All by Ryusou
Astro 3.0入門
nozaki
0
420
再実装 React Testing Library
nozaki
0
160
Hydrogenで 2022年〜を感じる
nozaki
0
540
microCMSでimgixに入門する
nozaki
0
960
Jamstack Conf 2021を見てブログ構成を見直した話
nozaki
1
1.2k
はじめてのUniversal JavaScript
nozaki
1
2k
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Git: the NoSQL Database
bkeepers
PRO
425
64k
We Have a Design System, Now What?
morganepeng
48
7.1k
Infographics Made Easy
chrislema
239
18k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.4k
GraphQLとの向き合い方2022年版
quramy
43
13k
Designing for Performance
lara
604
68k
Debugging Ruby Performance
tmm1
72
12k
Building Adaptive Systems
keathley
36
2.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Transcript
ɹʮϥΫεϑϩϯτΤϯυ-5ձWPMʯɹΓΎʔͦ͏ Ϣʔβʔ͕lฤूதzͷঢ়ଶཧ ʹ͍ͭͯߟ͑Α͏
ΓΎʔͦ͏!SZVTPV@NULI w ֶߍͷઌੜͬͯ·ͨ͠ʂ w גࣜձࣾNJDSP$.4'SPOUFOE&OHJOFFS%FWSFM ɹɹ3FBDUɾ5ZQF4DSJQU͕͖ɻࠓNJDSP$.4։ൃʹ·ͭΘΔΛ͠·͢ w ΠϕϯτΛӡӦ͍ͯ͠·͢✊ +BNTUBDLษڧձʮδϟϜδϟϜʂʂ+BNTUBDLʯ ࡛ۄݝ+BWB4DSJQUษڧձʮ4BJUBNBKTʯ
͍͖ͳΓͰ͕͢ɾɾɾ
͜Μͳܦݧ͋Γ·ͤΜ͔ʁʁʁ ࡞தͩͬͨจষ͕ফ͑ͯ ͍ͯΔͳ͋ɻŷŬŒŷŬŒ ϑΥʔϜೖྗதͰɺผλϒҠͬ ͨΒফ͑ͯΔΜ͚ͩͲʜʂʂ ͏ʔΜɺೖྗதͷେࣄͳ σʔλอଘΕͪΌͬͨ
ฤूதͷঢ়ଶͬͯʜʁ $SFBUF 6QEBUF %FMFUF FY ϒϩάΛॻ͘8&#ΞϓϦέʔγϣϯ هࣄΛ࡞ʂอଘPSެ։ ϘλϯΛԡ͢ هࣄΛߋ৽ʂอଘPSߋ৽ ϘλϯΛԡ͢
هࣄΛআʂআϘλϯ Λԡ͢
ฤूதͷঢ়ଶͬͯʜʁ $SFBUF 6QEBUF %FMFUF FY ϒϩάΛॻ͘8&#ΞϓϦέʔγϣϯ هࣄΛ࡞ʂอଘPSެ։ ϘλϯΛԡ͢ هࣄΛߋ৽ʂอଘPSߋ৽ ϘλϯΛԡ͢
هࣄΛআʂআϘλϯ Λԡ͢ ͜ͷؒͷঢ়ଶΛͲ͏σβΠϯ͢Δ͔͕େࣄͱ͍͏
NJDSP$.4ͷࣄྫ "1*εΩʔϚઃఆը໘ NJDSP$.4ͱ )FBEMFTT$.4 "1*ϕʔε εΩʔϚΛࣗ༝ࣗࡏ ʹ࡞
IUUQTNJDSPDNTJP
NJDSP$.4ͷࣄྫ "1*εΩʔϚઃఆը໘
NJDSP$.4ͷࣄྫ "1*εΩʔϚઃఆը໘ ͲͷΑ͏ʹzฤूதzͰ͋Δ͔Λ͑Δ͔ʁ
NJDSP$.4ͷࣄྫ ฤूதͰ͋Δ͜ͱΛೝͤͯ͋͛͞ΔσβΠϯ
NJDSP$.4ͷࣄྫ ޡૢ࡞Λ͙ɹΞϥʔτɾμΠΞϩάɾϦϩʔυݕ
NJDSP$.4ͷࣄྫ ͍Ͳ͜ΖΛߟ͑Δ Ͱɺೖྗͷ͋Δը໘Ͱશ࣮ͯͨ͠Βྑ͍ͷͰʜʁ ࢥߟఀࢭͨ͠ΓΎʔͦ͏͘Μ
NJDSP$.4ͷࣄྫ ͍Ͳ͜ΖΛߟ͑Δ Ͱɺೖྗͷ͋Δը໘Ͱશ࣮ͯͨ͠Βྑ͍ͷͰʜʁ ࢥߟఀࢭͨ͠ΓΎʔͦ͏͘Μ
NJDSP$.4ͷࣄྫ ͍Ͳ͜ΖΛߟ͑Δ ɾΓ͗͢ྑ͘ͳ͍ ɾΞϥʔτϢʔβʔͷಈ࡞Λ੍ޚ͢Δ ͍ΘΏΔϞʔυ ɾεςʔλεόʔϢʔβʹͱͬͯຊ࣭తͳใͰͳ͍έʔε͋Δɻ ˠϢʔβʔͷಈ࡞ΛࢭΊΔՁͷ͋Δͷͳͷ͔ʁ ˠϢʔβʔͷใΛࢧԉ͍ͯ͠Δ͔ʁ·ͨɺ͛ʹͳ͍ͬͯͳ͍͔ ɹΛߟ͑Δ
εςʔλεόʔͷେ͖͞ɺσβΠϯɺ৭ɺ͍Ͳ͜Ζ ɻ
࣮ฤɿαϯϓϧ3FBDU VTF$POUFYUͰཧ͢Δ w 3FBDUͰ3FEVYʜFUDͳͲঢ়ଶཧͷબࢶ͕ଟ͍ w ࠓճͷ࣮ͰVTF$POUFYUΛ༻ ɹVTF$POUFYU͚ͩͰΞϓϦέʔγϣϯͷঢ়ଶཧΦϨΦϨʹͳΓ͕ͪ ɹࠓճͷ͍࣮ܰΛ3FEVYͱ͔ͷঢ়ଶཧʹؚΊͨ͘ͳ͍ɻ ˠ੍͍͔ͭ͘Λ͏͚࣮ͯ͢Δɹ
VTF$POUFYUͷ༻࣌ͷ੍ $POUFYUΛ$PNQPOFOUʹFYQPSU͠ͳ͍ ɾ$POUFYU͕$PNQPOFOUʹFYQPSU͞Εͨ࣌Ͱঢ়ଶཧ͕ൃੜ͢Δ ɾ)PPLTʹ$POUFYUΛӅṭ ͳΜͳΒಉϑΝΠϧͰྑ͍͔ ɹ $POUFYU )PPLT
VTF)BT%JGG)PPLT $POUFYUॳظͱߋ৽ܥͰׂ IBT%J ff TFU)BT%J ff
ෆཁͳϨϯμϦϯάΛ͙ $POUFYU
VTF)BT%JGG)PPLT ΦϒδΣΫτͷൺֱ 5ZQF4DSJQUEFFQEJWF ʮՁԋࢉࢠͷಉҰੑʯ
VTF)BT%JGG)PPLT VTF& ff FDUͷΫϦʔϯΞοϓ ը໘ભҠ࣌ʹ4UBUFΛࣺͯΔ ϖʔδΛލ͍Ͱͷঢ়ଶཧ͠ͳ͍
VTF)BT%JGG)PPLT $PNQPOFOUଆ IBT%J ff Ͱ6*ͷग़͠Θ͚ɺEJTBCMFEͷ੍ޚͳͲΛߦ͏ɻ )PPLTͷͷΈΛ͏ɻ$POUFYUʹ͍ͭͯ$PNQPOFOUଆ Βͳ͍͜ͱ͕ॏཁ
·ͱΊ lϢʔβʔ͕ʮฤूதʯͷঢ়ଶཧॏཁ͚ͩͲɺຊےͰͳ͍ɻ ͦͷ͜ͱΛ೦಄ʹ͓͍ͯσβΠϯɾ࣮͢͠l #ZΓΎʔͦ͏
ࢀߟʹ͍͍ͤͯͨͩͨ͞ຊɾαΠτ 5IBOLTʂ ɾஶॻ ɹʰΦϒδΣΫτࢦ6*σβΠϯʱஶऀιγΦϝσΟΞגࣜձࣾɹ্ֶɺ౻Ҫଟ ɾαΠτ ɹʮ3FBDU$POUFYUΛFYQPSU͢ΔͷΞϯνύλʔϯͰͳ͍͔ͱߟ͑ΔʯIUUQTCMPHTUJOJOLBSUJDMFTEPOPUFYQPSUSFBDUDPOUFYU ɹʮ$POUFYU"1*ͱVTF3FEVDFSͰDVTUPNIPPLΛ࡞Δ࣌ͷςϯϓϨʔτʯIUUQTCMPHPKJTBOJPDPOUFYUSFEVDFSDVTUPNIPPL ɹʮਖ਼͘͠͏3FBDU$POUFYUʯIUUQT[FOOEFWZVUB@VSBBSUJDMFTSFBDUDPOUFYUBQJ ɹʮՁԋࢉࢠͷಉҰੑʯIUUQTUZQFTDSJQUKQHJUCPPLJPEFFQEJWFSFDBQFRVBMJUZ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ !SZVTPV@NULI ΓΎʔͦ͏