Slide 1

Slide 1 text

温故知新 TypeScript10年の歴史を振り返る 株式会社Gemcook 岡山 叶太

Slide 2

Slide 2 text

自己紹介 名前: 岡山 叶太 年齢: 30才 出身: 大阪 趣味: コーヒー 所属: 株式会社Gemcook 経歴:フロントエンド3年目 エンジニア歴 = フロント歴 = React歴 = TypeScript歴

Slide 3

Slide 3 text

社 名: 株式会社 Gemcook (ジェムクック) 代表者: 藤本 卓哉 設 立: 2016年9月12日 (7期目) 従業員: 15名 顧 問: 中川 雅史 (ヤフー株式会社)

Slide 4

Slide 4 text

温故知新 TypeScript10年の歴史を振り返る

Slide 5

Slide 5 text

ターゲット ・TypeScript初心者(~ 中級者)の方 ・TypeScriptの動向を最近チェックできてない方

Slide 6

Slide 6 text

アジェンダ ・TypeScriptの10年を振り返る ・TypeScriptの今とこれから

Slide 7

Slide 7 text

アジェンダ ・TypeScriptの10年を振り返る ・TypeScriptの今とこれから ・TypeScript基礎振り返り ・新しく追加された機能への理解

Slide 8

Slide 8 text

TypeScriptの10年を振り返る HappyBirthday TypeScript 2012.10 TypeScript 0.8.0

Slide 9

Slide 9 text

TypeScriptの10年を振り返る https://devblogs.microsoft.com/typescript/ten-years-of-typescript/ HappyBirthday TypeScript 2012.10 TypeScript 0.8.0 When TypeScript first debuted, there was a lot of skepticism – and understandably so. To some JavaScript users, a team trying to bring static types to JavaScript might have sounded like an evil plot or a joke. TypeScriptが最初にデビューしたとき、多くの懐疑的な意見があった。そしてそれは当 然である。あるJavaScriptユーザにとっては、JavaScriptに静的な型を導入しようとす るチームは邪悪な陰謀か冗談に聞こえたかもしれない。 Microsoftの中の人は語る...。

Slide 10

Slide 10 text

TypeScript 1.0 2014.04 約1年半後、正式版がリリース TypeScriptのバージョニングは...。 TypeScriptの10年を振り返る

Slide 11

Slide 11 text

TypeScript 1.0 2014.04 約1年半後、正式版がリリース TypeScriptのバージョニングは...。 TypeScriptの10年を振り返る こういうのじゃない!! ‡ semantics versioning ではない。

Slide 12

Slide 12 text

TypeScript 1.0 2014.04 約1年半後、正式版がリリース TypeScriptのバージョニングは...。 TS 4.7 2022.05 TS 4.8 2022.08 TS 4.9 2022.11 TS 5.0 2023.03? TypeScriptの10年を振り返る j semantics versioning ではない。 j 大体3ヶ月に1回ペースでバージョンアップ。

Slide 13

Slide 13 text

TypeScript 1.3 2014.11 & Tuple Types TypeScriptの10年を振り返る

Slide 14

Slide 14 text

TypeScript 1.4 2015.01 ( Union Types TypeScript 1.3 2014.11 ( Tuple Types ( Type Alias TypeScriptの10年を振り返る

Slide 15

Slide 15 text

TypeScript 1.6 2015.09 TypeScript 1.4 2015.01 B Union Types TypeScript 1.3 2014.11 B Tuple Types B Type Alias B Intersection types TypeScriptの10年を振り返る

Slide 16

Slide 16 text

TypeScript 1.6 2015.09 TypeScript 1.8 2016.02 TypeScript 1.4 2015.01 U Union Types TypeScript 1.3 2014.11 U Tuple Types U Type Alias U Intersection types U String Literal Types TypeScriptの10年を振り返る

Slide 17

Slide 17 text

TypeScript 2.0 2016.09 $ --strictNullChecks TypeScriptの10年を振り返る

Slide 18

Slide 18 text

TypeScript 2.0 2016.09 $ --strictNullChecks TypeScript 2.1 2016.12 $ Mapped Types TypeScriptの10年を振り返る

Slide 19

Slide 19 text

TypeScript 2.0 2016.09 $ --strictNullChecks TypeScript 2.1 2016.12 $ Mapped Types TypeScript 2.8 2018.03 $ Conditional Types TypeScriptの10年を振り返る

Slide 20

Slide 20 text

TypeScript 2.0 2016.09 $ --strictNullChecks TypeScript 2.1 2016.12 $ Mapped Types TypeScript 2.8 2018.03 $ Conditional Types TypeScriptの10年を振り返る TypeScript 3.7 2019.11 $ Optional Chaining

Slide 21

Slide 21 text

TypeScript 4.0 2020.08 ! Variadic Tuple Types TypeScriptの10年を振り返る

Slide 22

Slide 22 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る

Slide 23

Slide 23 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る TypeScript 4.5 2021.11 4 Awaited Type

Slide 24

Slide 24 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る TypeScript 4.6 2022.02 4 TaggedUnionの進化 TypeScript 4.5 2021.11 4 Awaited Type

Slide 25

Slide 25 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る TypeScript 4.6 2022.02 4 TaggedUnionの進化 TypeScript 4.5 2021.11 4 Awaited Type

Slide 26

Slide 26 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る TypeScript 4.6 2022.02 4 TaggedUnionの進化 TypeScript 4.5 2021.11 4 Awaited Type

Slide 27

Slide 27 text

TypeScript 4.0 2020.08 TypeScript 4.1 2020.11 4 Variadic Tuple Types 4 Template Literal Types TypeScriptの10年を振り返る TypeScript 4.6 2022.02 TypeScript 4.8 2022.08 4 TaggedUnionの進化 TypeScript 4.5 2021.11 4 Awaited Type

Slide 28

Slide 28 text

アジェンダ ・TypeScriptの10年を振り返る ・TypeScriptの今とこれから

Slide 29

Slide 29 text

アジェンダ ・TypeScriptの10年を振り返る ・TypeScriptの今とこれから v 4.9

Slide 30

Slide 30 text

アジェンダ ・TypeScriptの10年を振り返る ・TypeScriptの今とこれから v 4.9 v 5.0

Slide 31

Slide 31 text

TypeScriptの今 2022.11 TypeScript 4.9リリース!

Slide 32

Slide 32 text

TypeScriptの今 2022.11 TypeScript 4.9リリース! satisfiesオペレーター

Slide 33

Slide 33 text

TypeScriptの今 2022.11 TypeScript 4.9リリース! satisfiesオペレーター P 何が嬉しいの...?

Slide 34

Slide 34 text

TypeScriptの今 2022.11 TypeScript 4.9リリース! satisfiesオペレーター P 何が嬉しいの...? P 型注釈じゃだめなの...?

Slide 35

Slide 35 text

型注釈したら....。 ️ 型チェック TypeScriptの今

Slide 36

Slide 36 text

型注釈したら....。 型推論 ️ 型チェック TypeScriptの今

Slide 37

Slide 37 text

型注釈したら....。 型注釈しなかったら...。 型推論 ️ 型チェック 型推論 ️ 型チェック TypeScriptの今

Slide 38

Slide 38 text

TypeScriptの今 うーん...

Slide 39

Slide 39 text

TypeScriptの今 satisfies

Slide 40

Slide 40 text

TypeScriptの今 satisfiesなら...両立できる!! ️ 型推論 ️ 型チェック

Slide 41

Slide 41 text

TypeScriptの今 satisfiesなら...両立できる!! ️ 型推論 ️ 型チェック ️ Widening防止

Slide 42

Slide 42 text

TypeScriptのこれから 2023.03 TypeScript 5.0 リリース(?) ・デコレータの実装 ・バンドラ系のサポートが充実 ・軽くなった! ・その他いろいろ...

Slide 43

Slide 43 text

TypeScriptのこれから 2023.03 TypeScript 5.0 リリース(?) ・デコレータの実装 ・バンドラ系のサポートが充実 ・軽くなった! ・その他いろいろ... 今日RCリリースされた!

Slide 44

Slide 44 text

さいごに これからの10年もTypeScriptの進化が楽しみ!!

Slide 45

Slide 45 text

映画デートで出会える 恋活・婚活マッチングアプリ

Slide 46

Slide 46 text

ご静聴ありがとうございました