TypeScriptの型定義が JavaScriptのバグを駆逐する

3d944ac176998af7e7b116993d06cdd1?s=47 Tetsuya Negishi
February 22, 2019
Programming
3
660

TypeScriptの型定義が JavaScriptのバグを駆逐する

3d944ac176998af7e7b116993d06cdd1?s=128

Tetsuya Negishi

February 22, 2019
Tweet

More Decks by Tetsuya Negishi

See All by Tetsuya Negishi
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
0
100
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
1
300
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
3
850
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
9
4.7k
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
1
57
3d944ac176998af7e7b116993d06cdd1?s=48 tetsuyanegishi
0
170

Other Decks in Programming

See All in Programming
473b12ebcfb79adfaef97796e94fc25c?s=48 hironytic
0
130
70ae2d149767d4198aac83453481b8dd?s=48 amaotone
10
1.9k
40575ebf9c2f4a6e3bcb68630f446a3b?s=48 tomzoh
4
120
Aa2ed090fd893f58f4d139c3285106bc?s=48 universato
0
250
89f41026db2c96853402524fca4a2ff8?s=48 brentchang
0
1.1k
51f4d2341131b6b9bfa996bdb9b8dfa8?s=48 showmant
3
800
D1dd88d67a1b17b9d2ad981b75d205f3?s=48 myamashii
1
720
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
38
5.5k
81bf9a5ec95c07c4884b334456025095?s=48 coodoo
1
1.2k
88ad4f75d7c84fcf560bb6205c52e8c1?s=48 dnskimo
1
330
D56734cc97be195e1356167167eb4b44?s=48 kaorumitsumori
1
230
84cfa5aa96405be9af4874ba266785af?s=48 giancosta86
0
110

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
166
6.9k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
15
530
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
15
1.2k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
37
2.2k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
297
31k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
71
7k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
27k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
5
300
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
31k

Transcript

  1. TypeScriptͷܕఆ͕ٛ JavaScriptͷόάΛۦஞ͢Δ ࠜ؛ప໵

  2. ࣗݾ঺հ • ࠜ؛ప໵ • ϥϯαʔζגࣜձࣾ • ৽نࣄۀ • ओʹϑϩϯτ·ΘΓ୲౰ •

    ڵຯؔ৺ • React, Vue.js, TypeScript • αʔόʔϨε

  3. ࠓ೔࿩͢͜ͱ • ৽ϓϩμΫτʹTypeScriptΛಋೖͯ͠ΈͯͲ͏͔ͩͬͨ • TypeScript͸ͪΌΜͱܕఆٛ͢Ε͹࠷ߴ • ͋Γ͕ͱ͏TypeScript

  4. ϥϯαʔζͷϑϩϯτΤϯυٕज़ͷมભ 2008೥ ~ ݱࡏ 2015೥ ~ ݱࡏ 2018೥ ~ ݱࡏ

    2017೥ ~ 2018೥

  5. ϥϯαʔζͷϑϩϯτΤϯυٕज़ͷมભ 2008೥ ~ ݱࡏ 2015೥ ~ ݱࡏ 2018೥ ~ ݱࡏ

    2016೥ ~ 2018೥

  6. TypeScriptΛ࢖ͬͯΘ͔ͬͨ͜ͱ ܕఆٛʹΑͬͯόά͕ܹݮ ͪΌΜͱܕఆٛ͠ͳ͍ͱόάΔ

  7. None

  8. JavaScriptͰΑ͘ى͖Δόά

  9. JavaScriptͰΑ͘ى͖Δόά data ʹ͸ number ͷ഑ྻΛೖΕΔ → Ұ࣌తʹundefind͕ೖΔύλʔϯ͕͋ͬͨ → <Graph>͸undefindΛ૝ఆ͓ͯ͠ΒͣΤϥʔ ReactͰ͸΍Γ͕ͪ

    Τϥʔ

  10. JavaScriptͰΑ͘ى͖Δόά data ʹ͸ Object ΛೖΕΔ → Ұ࣌తʹundefind͕ೖΔύλʔϯ͕͋ͬͨ → <Graph>͸undefindΛ૝ఆ͓ͯ͠ΒͣΤϥʔ ReactͰͷΤϥʔ͸΄΅͜ͷύλʔϯͷؾ͕͢Δ

    Τϥʔ TypeScriptͰ͸ൃੜ͠ͳ͍

  11. TypeScriptͰܕఆٛͨ͠৔߹

  12. TypeScriptͰܕఆٛͨ͠৔߹ ? → undefinedΛڐ͢

  13. TypeScriptͰܕఆٛͨ͠৔߹ propsͷܕ͕ܾ·Δ

  14. TypeScriptͰܕఆٛͨ͠৔߹ data͸ number[] ͱఆٛ͞Ε͍ͯͨͱ͢Δ

  15. TypeScriptͰܕఆٛͨ͠৔߹ ͜ͷ࣌఺Ͱ͸·ͩΤϥʔ → <Graph>ʹ౉͢ data ͕ undefinedͰ͋ΔՄೳੑ͕͋Δ

  16. TypeScriptͰܕఆٛͨ͠৔߹ undefinedͷνΣοΫ Τϥʔ͕ग़ͳ͘ͳΔ

  17. TypeScriptͰܕఆٛͨ͠৔߹ undefinedͷνΣοΫ Τϥʔ͕ग़ͳ͘ͳΔ

  18. TypeScriptͰܕఆٛͨ͠৔߹ undefinedͷνΣοΫ Τϥʔ͕ग़ͳ͘ͳΔ όάΛະવʹ๷͛ͯ࠷ߴ

  19. • ͨͩ͜͠Ε͸ܕఆ͕͖ٛͪΜͱ͞Ε͍ͯΔ৔߹ • ϥΠϒϥϦͰରԠ͍ͯ͠ͳ͍৔߹΋ͨ·ʹ͋Δ
 → any Ͱܕఆٛͯ͠৐Γ੾Δ͔͠ͳ͍
 → ٯʹόάͷԹচʹͳΓ΍͍͢ Graph͕ܕఆٛ͞Ε͍ͯͳ͍ͱΤϥʔ͕ग़ͳ͍

  20. Enjoy TypeScript!