Slide 1
Slide 1 text
Immutable.js
with
Flowtype
@_tohashi
Slide 2
Slide 2 text
୭
• Takumi Ohashi
• twitter: @_tohashi
• GitHub: @tohashi
• ϑϦʔʢגʣͷΤϯδχΞ
Slide 3
Slide 3 text
ίϯϙʔωϯτࢦʢReactʣ
୯ҰํͷσʔλϑϩʔʢFluxʣ
ܕγεςϜʢFlowtypeʣ
Slide 4
Slide 4 text
Λܦͨਓ͕ؒ
࣍ʹٻΊ͕ͪͳͷ
Slide 5
Slide 5 text
Πϛϡʔλϒϧ
Slide 6
Slide 6 text
Immutable.js
• FacebookͷΠϛϡʔλϒϧͳΦϒδΣΫτ
Λѻ͏ͨΊͷϥΠϒϥϦ
• 2014͔Β͋Δ
• ReactFlowtype΄Ͳʹͳͬͯͳ͍͠
ΘΕͯͳ͍ҹ
Slide 7
Slide 7 text
Why Immutable.js?
Slide 8
Slide 8 text
Why Immutable.js?
• ෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ࡞
• ΤϯςΟςΟૢ࡞ϩδοΫͷ
• ϨϯμϦϯά੍ʹΑΔύϑΥʔϚϯενϡʔ
χϯά
Slide 9
Slide 9 text
෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ
࡞
Slide 10
Slide 10 text
෭࡞༻ͷগͳ͍ΦϒδΣΫτૢ
࡞
Slide 11
Slide 11 text
ΤϯςΟςΟૢ࡞ͷ
Slide 12
Slide 12 text
Immutable Model Class
• ʹ
Slide 13
Slide 13 text
ΤϯςΟςΟૢ࡞ͷ
Slide 14
Slide 14 text
ෆཁͳϨϯμϦϯάͷ੍
Slide 15
Slide 15 text
ݒ೦
Slide 16
Slide 16 text
େن։ൃͳΒܕ͕΄͍͠
Slide 17
Slide 17 text
Immutable.js + Flowtype
Slide 18
Slide 18 text
it should ͍͍ײ͡ʹ
ܕ͕͍ͭͨΠϛϡʔλϒϧͳ
ΦϒδΣΫτΛѻ͑ͯ࠷ߴ
Slide 19
Slide 19 text
FlowtypeʹΑΔܕఆٛ
Slide 20
Slide 20 text
FlowtypeʹΑΔܕఆٛ
Slide 21
Slide 21 text
Immutable.Recordͷܕఆٛ
Slide 22
Slide 22 text
ͦΕҎલͷͱ͜ΖͰΤϥʔ
Slide 23
Slide 23 text
ܕఆٛϑΝΠϧΛௐΔ
Slide 24
Slide 24 text
ผ్ΫϥεఆٛΛ༻ҙ͢Δ
Slide 25
Slide 25 text
ͦͷ্ͰܧঝલʹΩϟετ
Slide 26
Slide 26 text
ظ௨ΓͷΤϥʔ
Slide 27
Slide 27 text
ͳΜͱ͔
ܕ͚Ͱ͖ͨ
Slide 28
Slide 28 text
͔ʹࢥ͕͑ͨ
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
Immutable.jsͷܕఆٛ
• ίϝϯτΞτ෦ͷΑ͏ͳهड़ݱঢ়Ͱ͖ͳ͍
Slide 31
Slide 31 text
No content
Slide 32
Slide 32 text
Immutable.js + Flowtype
Slide 33
Slide 33 text
it should ͍͍ײ͡ʹ
ܕ͕͍ͭͨΠϛϡʔλϒϧͳ
ΦϒδΣΫτΛѻ͑ͯ࠷ߴ
Slide 34
Slide 34 text
- ͍͍ײ͡
+ ͭΒ͍
- ࠷ߴ
+ ยखམͪ
2 failure
Slide 35
Slide 35 text
ݟ
• Immutable.Record + Flowtype ͭΒ͍
• ࡶͳهड़ͷʹܕ҆શͰͳ͍
• IssueݟΔͱօಉ༷ͷΛ๊͍͑ͯΔ
• ͍͔ͭ͘ͷղܾͷஹ͠
• ಉࣾ͡ͷOSSͳΒେৎͩΖ͏Έ͍ͨͳࡶͳߟ͑Α͘
ͳ͍
Slide 36
Slide 36 text
͋Γ͕ͱ͏͍͟͝·ͨ͠