TypeScript in Wantedly

Transcript

1. ©2018 Wantedly, Inc. TypeScript in Wantedly Roppongi.js#3 29.May.2018 - Kento Moriwaki
2. ©2018 Wantedly, Inc. 5ZQF4DSJQUಋೖ͠·ͨ͠
3. ©2018 Wantedly, Inc.  8BOUFEMZ಺ͷձࣾϖʔδͷ ϦχϡʔΞϧͨ͠
    443Λಋೖ͢Δඞཁ͕͋Γɺ શମͷߏ੒Λݟ௚ͨ͠
    ΋ͱ΋ͱܕ͕΄͍͠੠͸ଟ͔ͬ ͨͷͰɺ͍͍λΠϛϯάͩͱ ࢥ͍ಋೖͨ͠ എܠ
4. ©2018 Wantedly, Inc. ೖΕͯΑ͔ͬͨ
5. ©2018 Wantedly, Inc.  ҆৺ͯ͠ίʔυΛมߋͰ͖Δ
   w 4UPSFͷߏ଄Λม͑ͨΓͨ͠ͱ͖ɺมߋ͢΂͖Օॴ͕͙͢ʹΘ͔Δ
    ิ׬͕ޮ͘
   w λΠϐϯά਺΋ݮΔ͠ɺ5ZQP΋ݮΔ
    Τϥʔ͕ݮΔ
   w VOEFpOFEΤϥʔ͕΄΅ແ͘ͳΔ Α͔ͬͨͱ͜Ζ
6. ©2018 Wantedly, Inc. ͜͏΍ͬͯಋೖ͠·ͨ͠
7. ©2018 Wantedly, Inc. 
   AUTDAͰϏϧυ͠ͳ͍
8. ©2018 Wantedly, Inc. ϏϧυपΓ͸΍͸ΓΊΜͲ͍͘͞
   w XFCQBDLʹMPBEFSΛ௥Ճͯ͠ɺͦΕΛ443༻ͷϏϧυ΋มߋͯ͠ɺKFTUͰUTΛϏϧυ͢Δํ ๏Λௐ΂ͯɻɻઃఆपΓ͸΍͸ΓΊΜͲ͍͘͞ɻ
   ݁ہCBCFM͸ඞཁ
   w QPMZpMMೖΕͨΓɺSFBDUIPUMPBEFSͷϓϥάΠϯ΍ɺTUZMFEDPNQPOFOUTͷ࠷దԽͨ͠Γɺ 5ZQF4DSJQUͷϏϧυ݁ՌΛCBCFMʹ͔͚Δඞཁ͕Ͳ͏ͯ͠΋ग़ͯ͘Δɻ `tsc`ͰϏϧυ͠ͳ͍
9. ©2018 Wantedly, Inc. !CBCFMQSFTFUUZQFTDSJQU
   w CBCFMͷUSBOTGPSNͰɺ5ZQF4DSJQUͷγϯλοΫεΛ࡟আͯ͘͠ΕΔૉ੖Β͍͠΍ͭ
   w IUUQTHJUIVCDPNCBCFMCBCFMUSFFNBTUFSQBDLBHFTCBCFMQSFTFUUZQFTDSJQU
   ΍Δ͜ͱ͸
   CBCFMSD
   ʹҰߦՃ͑Δ͚ͩ
   w QSFTFUT
   <!CBCFMQSFTFUUZQFTDSJQU>
   w XFCQBDLͷมߋ͸͍Βͳ͍ɺKFTU΋ͦͷ··ಈ͘ ࣮͸ɺbabel͚ͩͰTypeScriptͷϏϧυ͕Ͱ͖Δ
10. ©2018 Wantedly, Inc. CBCFM
     CFUB ͔Β࢖͑Δ
    w ൒೥Ҏ্CFUBͷ։ൃ͕ଓ͍͍ͯΔ
    w CFUB·ͰਐΜͰ͍Δ͚Ͳ
    ׬શͳޓ׵ੑ͸࣋ͨͳ͍
    w جຊతʹ͸ɺ5ZQF4DSJQUͷίʔυ͔ΒܕΞϊςʔγϣϯΛ࡟আ͍ͯ͠Δ͚ͩ
    w
    AOBNFTQBDFA ADPOTU
    FOVNAͳͲͷػೳ͕࢖͑ͳ͍
    w XPSLBSPVOE͸ͪΌΜͱ͋Δ
    w AOVNCFSAͳͲͷΩϟετͰͰ͖ͳ͍
    w +49ͱͷ۠ผ͕Ͱ͖ͳ͍ʁABT
    OVNCFSAΛ࢖͑͹͍͍ ஫ҙ఺
11. ©2018 Wantedly, Inc. AUTD
    OP&NJUAͰܕνΣοΫͷΈߦ͏
    w MJOUFSͳͲͱಉ͡Ϩϕϧͷѻ͍
    w ܕΤϥʔ͕͋Δͱ$*͕ͪΌΜͱམͪΔΑ͏ʹ͢Δ
    w ։ൃத͸ܕ͕ؒҧ͍ͬͯͯ΋ɺϏϧυ͸ͪΌΜͱͰ͖Δ TypeScript͸ܕνΣοΫͷΈ
12. ©2018 Wantedly, Inc. 
    UZQFTDSJQUGTB
13. ©2018 Wantedly, Inc. 3FEVYͷBDUJPO
    SFEVDFSपΓͲ͏ॻ͍ͨΒ͍͍ͷ ͔ϕετϓϥΫςΟε͕Θ͔Βͳ͍
    w ௐ΂ͨΒ͍ΖΜͳॻ͖ํ͕ग़ͯ͘Δ
    w 3FEVY
    WͰܕఆ͕ٛΑ͘ͳΔΒ͍͠ ౰࣌
    w ͭ·Γࠓ͸Α͘ͳ͍ͷ͔ͳʁ
    w W͸͢ͰʹϦϦʔεࡁΈͰ͕͢Ͳ͏มΘͬͨͷ͔͸஌Βͳ͍
    w Ϩʔϧ͕ཉ͍͠ʂ typescript-fsa
14. ©2018 Wantedly, Inc. ͦΜͳͱ͖ʹग़ձͬͨͷ͕ɺ5ZQF4DSJQU
    '4"Ͱ͠ ͨ
    w IUUQTHJUIVCDPNBJLPWFOUZQFTDSJQUGTB
    w "DUJPO
    $SFBUPS
    MJCSBSZ
    GPS
    5ZQF4DSJQU
    '4"DPNQMJBOU
    w ͘͢͝ബ͍6UJMJUZ
    w GBNJMZ͕͍͔ͭ͋͘Δ
    w UZQFTDSJQUGTBSFEVDFST
    w UZQFTDSJQUGTBSFEVYUIVOL
    w UZQFTDSJQUGTBSFEVYTBHB typescript-fsa
15. ©2018 Wantedly, Inc. redux-actionsͱࣅ͍ͯΔ
16. ©2018 Wantedly, Inc. ඇಉظͳActionͷఆٛ ։࢝ɺऴྃɺࣦഊͷΞΫγϣϯΛಉ࣌ʹ࡞ͬͯ ͘ΕΔ
17. ©2018 Wantedly, Inc. typescript-fsa-reducers SFEVDFSؔ਺ʹɺDBTFͱ͍͏ϝιου͕ ੜ͑ɺTXJUDIจͷ୅ΘΓʹͦΕΛ࢖͏
    ୈҰҾ਺ʹGTBΞΫγϣϯΛ౉͠ɺୈೋҾ ਺ʹͦͷ৔߹ͷSFEVDFSॲཧΛ͔͘ɻ͜ ͷҾ਺͕͖ͪΜͱܕ͕ܾ·ͬͨ΋ͷ͕౉ͬ ͯ͘Δ
18. ©2018 Wantedly, Inc. typescript-fsa-redux-thunk CJOE5IVOL"DUJPOͰɺඇಉظͳ"DUJPOΛғͬͯॲཧΛ࣮૷͢Δ
    ฦΓ஋͕݁ՌͷQBZMPBEʹͳΔɺEJTQBUDIͷ݁ՌΛJT'BJMVSF
    JT4VDDFTTͰධՁ͢Δ
19. ©2018 Wantedly, Inc. w GTBܗࣜͰ"1*ϦΫΤετΛఆٛͰ͖Δ request-creator(internal)
20. ©2018 Wantedly, Inc. 
    $PNQPOFOUͷܕఆٛ
21. ©2018 Wantedly, Inc. ίϯϙʔωϯτ͝ͱʹຖճܕఆٛΛॻ͘ͷ͸ΊΜͲ ͍͘͞
    w ΄΅ಉ͡Α͏ͳQSPQTΛड͚͍ͯΔ৔߹͸ɺ࢖͍·Θ͍ͨ͠
    w ྫ͑͹$PNQBOZ͕͋ͬͨΒɺͲͷϑΟʔϧυ͕ඞཁ͔͸ίϯϙʔωϯτʹΑΔ͕ɺͲ͏͍͏ ܕͳͷ͔͸ڞ௨ͷ͸ͣ ܕఆٛΛ؆୯ʹॻ͖͍ͨ
22. ©2018 Wantedly, Inc. WtdModels υϝΠϯ಺Ͱڞ௨ͳ&OUJUZΛఆ͍ٛͯ͘͠
    "1*͸ɺ3BJMTͷBDUJWFNPEFMTFSJBMJ[FST ʹґଘ͍ͯ͠ΔͷͰɺ֤4FSJBMJ[FSʹରԠ ͨ͠ܕΛఆٛ͢Δ
23. ©2018 Wantedly, Inc. WtdModels.Partial υϝΠϯ಺Ͱڞ௨ͳ&OUJUZΛ΋ͱʹɺͦ ͷ$PNQPOFOUͰඞཁͳϑΟʔϧυΛ 8UE.PEFMT1BSUJBMΛ࢖ͬͯએݴ͢Δɻ
    \$PNQPOFOU^.PEFMTͱ͍͏໊લʹͦͷ ܕΛ͓͍ͯɺίϯϙʔωϯτͱҰॹʹ FYQPSU͢Δϧʔϧ
24. ©2018 Wantedly, Inc. WtdModels.Union ෳ਺ͷ$PNQPOFOUΛ૊Έ߹Θͤͨ $PNQPOFOUͰ͸ɺͦΕͧΕͷ \$PNQPOFOU^.PEFMTͷఆٛΛ A8UE.PEFMT6OJPOAͰ݁߹ͯ͠ܕఆٛ͢ Δɻ
    த਎͸ɺجຊతʹAA͍ͯ͠Δ͚ͩɻ
25. ©2018 Wantedly, Inc. ·ͱΊ
26. ©2018 Wantedly, Inc.  5ZQF4DSJQU͸ੜ࢈ੑߴ͍
     #BCFM
    Λ࢖͑͹ઃఆ΋ָ
     UZQFTDSJQUGTB͕͓͢͢Ί
     ܕఆָ͕ٛʹ͔͚ΔΑ͏ʹ޻෉͍ͯ͜͠͏ ·ͱΊ
27. ©2018 Wantedly, Inc. ࠷ޙʹ we are hiring! https://www.wantedly.com/projects/59809