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.3k
ユーザーが編集中の状態管理について考えよう
フロントエンドLT会 - vol.4 #frontendltのスライドです
Ryusou
September 15, 2021
Tweet
Share
More Decks by Ryusou
See All by Ryusou
Astro 3.0入門
nozaki
0
360
再実装 React Testing Library
nozaki
0
140
Hydrogenで 2022年〜を感じる
nozaki
0
500
microCMSでimgixに入門する
nozaki
0
890
Jamstack Conf 2021を見てブログ構成を見直した話
nozaki
1
1.1k
はじめてのUniversal JavaScript
nozaki
1
1.7k
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Code Reviewing Like a Champion
maltzj
512
39k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
We Have a Design System, Now What?
morganepeng
42
6.7k
The Mythical Team-Month
searls
214
42k
GraphQLとの向き合い方2022年版
quramy
28
12k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
How to Ace a Technical Interview
jacobian
272
22k
Side Projects
sachag
451
41k
Atom: Resistance is Futile
akmur
258
25k
It's Worth the Effort
3n
180
27k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
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 ΓΎʔͦ͏