Tweet
Tweet

Slide 1

Slide 1 text

/H3Y͸ೖΕΔ͚ͩͰ͍͍ͷ͔ 
 ൃੜ͢Δݒ೦ͱߟ͑ΒΕΔΞʔΩςΫνϟ .BS $MBTTJ"OHVMBS/JHIU

Slide 2

Slide 2 text

୭ w Ԟ໺ݡଠ࿠!PLVOPLFOUBSP w ΫϨε΢ΣΞ୅ද w ΞϓϦέʔγϣϯ ɾ ΤϯδχΞ w "OHVMBS೔ຊϢʔβʔձ
 OHLZPUPΦʔΨφΠβ

Slide 3

Slide 3 text

ຊ೔ͷ಺༰ w ͳͥΞʔΩςΫνϟΛߟ͑Δඞཁ͕͋Δ͔ w /H3Y͸ԿΛॿ͚Δ͔ w /H3Y͸ԿΛॿ͚ͯ͘Εͳ͍͔

Slide 4

Slide 4 text

ͳͥΞʔΩςΫνϟΛߟ͑Δඞཁ͕͋Δ͔

Slide 5

Slide 5 text

ੲ࿩ 5FNQMBUF)5.- "OHVMBS+4OHDPOUSPMMFS IUUQ "OHVMBS+4'JMUFS

Slide 6

Slide 6 text

"OHVMBSWFS 5FNQMBUF)5.- !$PNQPOFOU )UUQ !BOHVMBSIUUQ "OHVMBS1JQF

Slide 7

Slide 7 text

"OHVMBSWFS 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF

Slide 8

Slide 8 text

ྺ࢙ͷ஝ੵ 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF

Slide 9

Slide 9 text

4FSWJDFΛ࡞ͬͯΈΔ 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF 6TFST4FSWJDF "QJ4FSWJDF

Slide 10

Slide 10 text

ͳΜͪΌΒ4FSWJDF૿͑͗͢໰୊ 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF 6TFST4FSWJDF "QJ4FSWJDF 4PNFUIJOH"QJ1BSBNT#VJME4FSWJDF "OZUIJOH7BMVFT.FSHF4FSWJDF "VUI4FSWJDF (VBSE4FSWJDF 6MUSB(SFBU4FSWJDF

Slide 11

Slide 11 text

͜ΕΛ 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF

Slide 12

Slide 12 text

͜͏ ͚ͨͩ͠ 5FNQMBUF)5.- !$PNQPOFOU )UUQ$MJFOU !BOHVMBSDPNNPOIUUQ "OHVMBS1JQF 6TFST4FSWJDF "QJ4FSWJDF 4PNFUIJOH"QJ1BSBNT#VJME4FSWJDF "OZUIJOH7BMVFT.FSHF4FSWJDF "VUI4FSWJDF (VBSE4FSWJDF 6MUSB(SFBU4FSWJDF

Slide 13

Slide 13 text

ͳͥ4FSWJDF͕૿͑Δͷ͔ w ڊେͳDMBTTͷ෼ղΛ೦಄ʹஔ͍ͯ͠·ͬͯͳ͍͔ w ͦͷ4FSWJDF͕ ʮԿΛ͢ΔͨΊͷ4FSWJDF͔ʯ ։ൃऀࣗ਎͕ཧղ͍ͯ͠Δ͔ w ͨͩͷॲཧ܈ʹ໊લۭؒΛ༩͚͑ͨͩʹͳ͍ͬͯͳ͍͔

Slide 14

Slide 14 text

ͳͥ4FSWJDF͕ඞཁͳͷ͔Λߟ͑Δ w ·ͣ"OHVMBSελΠϧΨΠ υʹै͏ͷ͸ྑ͍ϓϥΫςΟ ε w ࣍ʹҋӢʹ4FSWJDFΛ࡞Δ͜ͱΛආ͚ɺ ඞવతͳ4FSWJDFΛ࡞ΔΑ ͏ʹ͢Δ w 431 ʢ4JOHMF3FTQPOTJCJMJUZ1SJODJQMF୯Ұ੹೚ݪଇʣ ʹϐϯͱདྷͳ͚Ε͹
 ͦͷ4FSWJDFͷΞϓϦέʔγϣϯ಺ͰͷݱࡏҐஔΛ೺Ѳ͢Δ

Slide 15

Slide 15 text

աڈεϥΠ υΑ ΓҾ༻ https://speakerdeck.com/okunokentaro/angularzhong-da-gui-mo-apurishe-ji?slide=13
 https://speakerdeck.com/okunokentaro/angularzhong-da-gui-mo-apurishe-ji?slide=25 https://speakerdeck.com/okunokentaro/frontend-conference-fukuoka-2018?slide=63

Slide 16

Slide 16 text

Ϟμϯ8FCΞϓϦέʔγϣϯ͕΍Γ͍ͨ͜ͱ ௨৴͍ͨ͠ ඳը͍ͨ͠

Slide 17

Slide 17 text

ݱࡏҐஔΛҙࣝͨ͠ઃܭ $PNQPOFOUඳըدΓ )UUQ$MJFOU௨৴ৄࡉͷӅṭ 3FQPTJUPSZ௨৴دΓ 5FNQMBUFඳը "QJ4FSWJDF௨৴ 'BDBEF.FEJBUPSඳը㲗௨৴ؒͷந৅Խ ࠓॻ͍ͯΔίʔ υɺ 
 ඳըدΓ ʁ 
 ௨৴دΓ ʁ ։ൃऀಉ࢜ͷ
 ڞ௨ೝࣝΛ࣋ͭ

Slide 18

Slide 18 text

ͳͥ͜ΕͰ͸ͩΊ͔ ௨৴ ඳը

Slide 19

Slide 19 text

͢΂ͯ͸ςε τͷͨΊ ඳըͷςετΛ͠΍͘͢͢Δ ௨৴ औಘͨ͠ΤϯςΟςΟͷू߹ͳͲΛςετ͠΍͘͢͢Δ ඳը ࣮ࡍʹ௨৴ͤͣύϥϝʔλʹ͍ͭͯςετΛ͠΍͘͢͢Δ %0.஌ࣝΛؚ·ͳ͍ϩδοΫͷςετΛ͠΍͘͢͢Δ %3:ͱ͔
 40-*%ݪଇͱ͔͋Δ͚Ͳ
 શ෦ςε τͷͨΊͷ
 Α ͏ͳ΋Μ

Slide 20

Slide 20 text

ͦͷ4FSWJDF͸ͳΜͷͨΊ ʁ ඳըͷςετΛ͠΍͘͢͢ΔͨΊʁ ௨৴ औಘͨ͠ΤϯςΟςΟͷू߹ͳͲΛςετ͠΍͘͢͢ΔͨΊʁ ඳը ࣮ࡍʹ௨৴ͤͣύϥϝʔλʹ͍ͭͯςετΛ͠΍͘͢͢ΔͨΊʁ %0.஌ࣝΛؚ·ͳ͍ϩδοΫͷςετΛ͠΍͘͢͢ΔͨΊʁ

Slide 21

Slide 21 text

/H3Y͸ԿΛॿ͚Δ͔

Slide 22

Slide 22 text

/H3Y͸Կ͔ w /H3Y͸ΞʔΩςΫνϟͰ͸ͳ͍ w ௨৴ʹΑͬͯऔಘͨ͠σʔλ΍ɺ Ϣʔβͷૢ࡞ʹΑͬͯੜ·Εͨม਺Λ
 ֨ೲ͓ͯͨ͘͠Ίͷγϯάϧ τϯ w -B[ZMPBEΛߟྀ͢Δͱඞਢͷػߏ w /H3Yʹ֨ೲ͞Εͨ஋܈Λ࢖༻͢Δखஈͷఏڙͱ
 ύϑΥʔϚϯεʹؔ͢ΔॲཧͷӅṭ

Slide 23

Slide 23 text

/H3YΛ࢖Θͳ͍ͱ͖ $PNQPOFOU )UUQ$MJFOU 3FQPTJUPSZ 5FNQMBUF "QJ4FSWJDF 'BDBEF.FEJBUPS new ReplaySubject() new ReplaySubject() new ReplaySubject() new ReplaySubject()

Slide 24

Slide 24 text

/H3YΛಋೖ )UUQ$MJFOU 5FNQMBUF /H3Y $PNQPOFOU "QJ4FSWJDF

Slide 25

Slide 25 text

/H3Y͸ԿΛॿ͚ͯ ͘Εͳ͍͔

Slide 26

Slide 26 text

༉அ͢Δͱ͜͏ͳΔ )UUQ$MJFOU 5FNQMBUF /H3Y 'FBUVSF 'FBUVSF $PNQPOFOU "QJ4FSWJDF 4FMFDUPS 4FMFDUPS 4FMFDUPS 4FMFDUPS 4FMFDUPS 4FMFDUPS 4FMFDUPS &GGFDUT &GGFDUT &GGFDUT &GGFDUT &GGFDUT &GGFDUT /H3Y͸ΞʔΩςΫνϟ
 Ͱ͸ͳ͍ 
 ผ్ߟ͑Δඞཁ͕͋Δ

Slide 27

Slide 27 text

/H3Y ϨΠϠʔΛҙࣝͨ͠/H3YͷཱͪҐஔ $PNQPOFOUը໘಺ͰͰ͖Δ͜ͱͱɺࣸ͢΋ͷΛ஥հ 5FNQMBUFը໘ )UUQ$MJFOU 3FQPTJUPSZ "QJ4FSWJDF 2VFSJFT
 ͦͷը໘ʹ͸ԿΛࣸ͢ʁ $PNNBOET
 ͦͷը໘Ͱ͸Կ͕Ͱ͖Δʁ 'FBUVSF 'FBUVSF 'FBUVSF 'FBUVSF

Slide 28

Slide 28 text

&GGFDUT͸ิࠤ 5FNQMBUFը໘ )UUQ$MJFOU 3FQPTJUPSZ "QJ4FSWJDF 2VFSJFT
 ͦͷը໘ʹ͸ԿΛࣸ͢ʁ $PNNBOET
 ͦͷը໘Ͱ͸Կ͕Ͱ͖Δʁ /H3Y&GGFDUT $PNQPOFOUը໘಺ͰͰ͖Δ͜ͱͱɺࣸ͢΋ͷΛ஥հ /H3Y 'FBUVSF 'FBUVSF 'FBUVSF 'FBUVSF

Slide 29

Slide 29 text

&GGFDUT͸ଟ༻͠ͳ͍ w ෭࡞༻͕ଘࡏ͠ͳ͍ͳΒ͹ɺ 9)3͕བྷΉͱ͍͏͚ͩͰ&GGFDUTΛ࢖༻͠ͳ͍ w UBQ ͕ग़ͯ͜ͳ͚Ε͹&GGFDUTͰ͋Δඞཁ͸΄΅ແ͍ • https://www.notion.so/Learn-NgRx-a6fa8691e2584682949852183254bebd

Slide 30

Slide 30 text

4FMFDUPSΛཧղ͢Δ w $PNQPOFOUʹTFMFDU ͷࢁΛங͍͍ͯͳ͍͔ w UIJTTUPSF͸EJTQBUDI΋TVCTDSJCF΋Ͱ͖ΔҰํɺ ςε τ͠ʹ͍͘
 'BDBEFͳΓ.FEJBUPSͳΓͰӅṭ͢Δ w લͷਤͩͱ$PNNBOET 2VFSJFTͱͯ͠Ϋϥε໊ʹσʔλϑϩʔํ޲Λ໌ه
 ʢ$234ΞʔΩςΫνϟΑ Γண૝ʣ w 'FBUVSFͷࡉ෼Խ͗͢͠ʹཁ஫ҙ
 ࡉ෼Խ͗ͯ͢͠͠·ͬͨͳΒ2VFSJFTͰґଘΛٵऩ w $PNQPOFOUͰ͸େྔͷ4FMFDUPSʹґଘ͠ͳ͍ ʢґଘੑ஫ೖͷԸܙ͕ಘΒΕͳ͍ʣ

Slide 31

Slide 31 text

ͳΜͷͨΊͷ4FSWJDF͔ҙࣝ͢Δ w ΞϓϦέʔγϣϯશମʹ͓͍ͯ
 ֤͕ࣗࣗ෼͸ԿΛ͢΂͖DMBTTͳͷ͔ҙࣝͤΑ w ͢΂ͯΛ ʮͳΜͪΌΒ4FSWJDFʯ ʹ͢Δ ͘ Β͍ͳΒ
 ͍ͬͦ໾ׂΛϋοΩ Ϧ ໋໊ͤͨ͞ͷ΄͏͕Α͍ ʢ˞ͨͩ͠"OHVMBSελΠϧΨΠ υ֎ʣ

Slide 32

Slide 32 text

5IBOLZPV গ͠ͷ޻෉Ͱߴ͍ੜ࢈ੑΛ