RxJSとAngular - Speaker Deck

RxJSとAngular

by puku0x

Slide 1

Slide 1 text

3Y+4ͱ"OHVMBS 3Yษڧձ

Slide 2

Slide 2 text

3Yษڧձ 2 ৽෱ٓါ  !QVLVY   ג ϨείΤϯδχΞ  OHGVLVPLB୅ද

Slide 3

Slide 3 text

3Yษڧձ ։ൃதͷ੡඼ w ਫ਼ਆՊ޲͚ͷిࢠΧϧς 3

Slide 4

Slide 4 text

3Yษڧձ ࠷ۙ΍ͬͯΔ͜ͱ w ओྗ੡඼ͷϦχϡʔΞϧ w ϑϨʔϜϫʔΫ࡮৽ w 4QSJOH#PPU"OHVMBSY w ͦͷଞ͍Ζ͍Ζʢ5%% 3FEVY 18" ʜʣ 4 ڵຯͷ͋Δํ͸Ϩεί΁ʂ

Slide 5

Slide 5 text

3Yษڧձ 5 "OHVMBS

Slide 6

Slide 6 text

3Yษڧձ ͳͥ"OHVMBSͷ࿩ʁ 6

Slide 7

Slide 7 text

3Yษڧձ 7

Slide 8

Slide 8 text

3Yษڧձ w "OHVMBSͰͷඇಉظ௨৴ͷ֓ཁ )UUQ$MJFOUʢ̍ʣ 8 SFUSZ TVCTDSJCF EFMBZ TVCTDSJCF ʜͦͷଞ͍Ζ͍Ζ )UUQ$MJFOU $PNQPOFOUT  4FSWJDFT 3FRVFTU 3FTQPOTF (&5 1045 ʜ 0CTFSWBCMF *OUFSDFQUPS

Slide 9

Slide 9 text

3Yษڧձ )UUQ$MJFOUʢ̎ʣ w ࣮૷ྫ 9 !$PNQPOFOU \ʜ^ FYQPSUDMBTT.Z$PNQPOFOU\ DPOTUSVDUPS QSJWBUFIUUQ)UUQ$MJFOU \^   GFUDI"MM \ SFUVSOUIJTIUUQHFU bBQJJUFNT` TVCTDSJCF JUFNT\ DPOTPMFMPH JUFNT ^ ^ ^ ඪ४ͷ௨৴ϥΠϒϥϦ  ͕0CTFSWBCMFΛฦ͢  ˣ  ෳࡶͳ௨৴΋એݴత  ʹॻ͚ΔͷͰศར

Slide 10

Slide 10 text

3Yษڧձ 0CTFSWBCMFͷදࣔ w BTZODύΠϓ 10 !$PNQPOFOU \  TFMFDUPSbBQQMJTU`   UFNQMBUFAVM  MJOH'PSlMFUJUFNPGJUFNTcBTZODz\\JUFN^^MJ  VMA  ^ FYQPSUDMBTT-JTU$PNQPOFOUJNQMFNFOUT0O*OJU\ JUFNTTUSJOH<> DPOTUSVDUPS QSJWBUFIUUQ)UUQ$MJFOU \ JUFNTUIJTIUUQHFU bBQJJUFNT` ^ ^ TVCTDSJCF ͱ  VOTVCTDSJCF   ͸ࣗಈͰߦΘΕΔ 0CTFSWBCMFͷม਺

Slide 11

Slide 11 text

3Yษڧձ w ྫɿμΠΞϩά಺ͷϘλϯΠϕϯτΛ਌ʹ఻೻ 11 Πϕϯτॲཧ

Slide 12

Slide 12 text

3Yษڧձ &WFOU&NJUUFS w جຊతͳ࢖͍ํ 12 !$PNQPOFOU \  TFMFDUPSbBQQHSFFUJOH`   UFNQMBUFACVUUPO DMJDL lHSFFUJOHFNJU bIFMMP` z$MJDLUIJTCVUUPOA  ^ FYQPSUDMBTT(SFFUJOH$PNQPOFOU\ !0VUQVU HSFFUJOHOFX&WFOU&NJUUFS ^ BQQHSFFUJOH HSFFUJOH lBMFSU FWFOU zBQQHSFFUJOH &WFOU&NJUUFS  ͸4VCKFDUΛܧঝ

Slide 13

Slide 13 text

3Yษڧձ w ઌఔͷ֬ೝμΠΞϩάͷ࣮૷ྫ w OHYCPPUTUSBQNPEBMΛར༻  ࣗલͰ࣮૷͢ΔΑΓָ  ˞ίϯϙʔωϯτ͕ผಡΈࠐΈ͞ΕΔͨΊ!0VUQVU ͕ޮ͔ͳ͘ͳΔ w σΟϨΫςΟϒʢΧελϜଐੑʣͰڞ௨Խ 13 Πϕϯτͷ఻೻ ͪΐͬͱෳࡶͳ BQQQBSFOU BDPOpSN%JBMPH DPOpSN lPO$POpSN FWFOU z֬ೝB BQQQBSFOU σΟϨΫςΟϒܦ༝ͰΠϕϯτ఻೻ʜ

Slide 14

Slide 14 text

3Yษڧձ &WFOU&NJUUFS͸  4VCKFDU 14 ˞4VCKFDU0CTFSWBCMF0CTFSWFS

Slide 15

Slide 15 text

3Yษڧձ TVCTDSJCFͰ͖Δʂ 15

Slide 16

Slide 16 text

3Yษڧձ w σΟϨΫςΟϒܦ༝ͰϘλϯԡԼ࣌ͷΠϕϯτΛ఻೻ 16 ਌ίϯϙʔωϯτ BQQ$POpSN  σΟϨΫςΟϒ  ΧελϜଐੑ ࢠίϯϙʔωϯτ  ʢμΠΞϩά౳ʣ BBQQ$POpSN DPOpSN lPO$POpSN FWFOU z֬ೝB !0VUQVU DPOpSNOFX&WFOU&NJUUFS   DPOTUNPEBM3FGTIPX.PEBM %JBMPH$PNQPOFOU   NPEBM3FGDPOUFOUDPOpSN TVCTDSJCF FWFOUUIJTDPOpSNFNJU FWFOU CVUUPO DMJDL lDPOpSNFNJU z0,CVUUPO  !0VUQVU DPOpSNOFX&WFOU&NJUUFS TVCTDSJCF FNJU ࣮૷ྫ

Slide 17

Slide 17 text

3Yษڧձ 3FBDUJWF'PSN w Ϟσϧϕʔεͷೖྗ஋νΣοΫ 17 !$PNQPOFOU \ʜ^ FYQPSUDMBTT.Z$PNQPOFOU\ GPSN'PSN(SPVQ DPOTUSVDUPS QSJWBUFGC'PSN#VMEFS \ UIJTGPSNGCHSPVQ \ UJUMF< 7BMJEBUPSTSFRVJSFE> ^ UIJTGPSNWBMVF$IBOHFT  pMUFS EBUBUIJTGPSNWBMJE TVCTDSJCF EBUBDPOTPMFMPH EBUB ^ ^ ೖྗ஋ͷมߋΛ  0CTFSWBCMFͰݕ஌

Slide 18

Slide 18 text

3Yษڧձ ͦͷଞ w ύϑΥʔϚϯενϡʔχϯά w $IBOHF%FUFDUJPO4USBUFHZ0O1VTIͰߴ଎Խ  ˞ͨͩ͠ೖྗ͕ϓϦϛςΟϒܕͰͳ͍ͱมߋݕ஌͕ޮ͔ͳ͘ͳΔ w 0CTFSWBCMFͰ౉͢ 18 BQQUJUMFlb)FMMP`zBQQUJUMFมߋݕ஌Մ  BQQMJTUlTPNF%BUBzBQQMJTUมߋݕ஌ෆՄ BQQMJTUlEBUBzBQQMJTUEBUB͸0CTFSWBCMF EBUBTVCTDSJCF EBUBUIJTDIBOHF%FUFDUJPONBSL'PS$IFDL

Slide 19

Slide 19 text

3Yษڧձ 19

Slide 20

Slide 20 text

3Yษڧձ ͍͢͝ 20

Slide 21

Slide 21 text

3Yษڧձ Ͳ͏΍ͬͯ  3Y+4ษڧ͢Δʁ 21

Slide 22

Slide 22 text

ࢀߟॻ IUUQTCPPUIQNKBJUFNT

Slide 23

Slide 23 text

3Yษڧձ ͓·͚ 23

Slide 24

Slide 24 text

3Yษڧձ 24 ͜͜ʹ3Y+4͕͋Δ͡ΌΖʁ ʈТʈ 㱭3Y+4㱬

Slide 25

Slide 25 text

3Yษڧձ 25 ͜ΕΛ"OHVMBSͱ߹Θͤͯʜ ʈТʈ 㲇㱭㱬㲇

Slide 26

Slide 26 text

3Yษڧձ 26 ͜͏͡Όʂ ʈТʈ 㱭OHSY㱬

Slide 27

Slide 27 text

3Yษڧձ OHSY  3FBDUJWFMJCSBSJFTGPS"OHVMBS 27

Slide 28

Slide 28 text

3Yษڧձ OHSY 3Y+4ϕʔεͷ"OHVMBS༻ঢ়ଶ؅ཧϥΠϒϥϦ w !OHSYTUPSF  3FEVYMJLFͳঢ়ଶ؅ཧΛఏڙ w !OHSYF⒎FDUT  3FEVYͰ͍͏ͱ͜Ζͷ.JEEMFXBSF 28

Slide 29

Slide 29 text

3Yษڧձ ར༻ྫ w !OHSYTUPSFͰ3FEVYʢ࣮ࡍͷίʔυ͸΋͏গ͠ෳࡶͰ͢ʣ 29 FYQPSUDMBTT$SFBUFJNQMFNFOUT"DUJPO\ SFBEPOMZUZQF$3&"5& DPOTUSVDUPS QVCMJDQBZMPBE5PEP \^ ^ UIJTTUPSFEJTQBUDI OFX$SFBUF UPEP 4UPSF0CTFSWBCMF0CTFSWFS  UIJTUPEPUIJTTUPSFTFMFDU bUPEP` UIJTBDUJPOTPG5ZQF $3&"5& QJQF ʜ "DUJPOT0CTFSWBCMF FYQPSUJOUFSGBDF4UBUF\ SFBEPOMZUPEP5PEP ^ FYQPSUGVODUJPOSFEVDFS TUBUF BDUJPO"DUJPO 4UBUF\ʜ^

Slide 30

Slide 30 text

3Yษڧձ 30 ৄ͘͠͸8FCͰ IUUQTRJJUBDPNQVLVYJUFNTBFEDCE IUUQTHJUIVCDPNOHSYQMBUGPSN

Slide 31

Slide 31 text

5IBOLZPV