TSKaigi 2026 - enumよ、さようなら

by teamLab

Embed

Start on current slide

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

© teamLab Inc. 生成コードとバンドルサイズ 15 enum ZeroOrOne { Zero = 0, One = 1, } "use strict"; var ZeroOrOne; (function (ZeroOrOne) { ZeroOrOne[ZeroOrOne["Zero"] = 0] = " ZeroOrOne[ZeroOrOne["One"] = 1] = "O })(ZeroOrOne || (ZeroOrOne = {})); 38 B 174 B（x4.5）※ tsc, minifiyなし　

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

© teamLab Inc. TypeScript の方針とのズレ TypeScript enum は英雄だった 2012年 TypeScript 誕生当時の JavaScript const も class もない... 名前付きの定数セットを表現するには... 19 // No const, No class... var Status = { Open: 0, Closed: 1 }; // 誰でも上書きできちゃう... Status.Open = 999;

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

© teamLab Inc. TypeScript の方針とのズレ TypeScript Design Goals 1. エラーになりやすい構造を静的に特定する。 2. より大きなコード片のための構造化メカニズムを提供する。 3. 生成されるプログラムに実行時オーバーヘッドを一切課さない。 4. クリーンで、慣用的で、理解しやすいJavaScriptコードを出力する。 5. 構成可能で、論理的に理解しやすい言語を作成する。 6. 現在および将来の ECMAScript 提案に沿う。 22

Slide 23

Slide 23 text

© teamLab Inc. TypeScript の方針とのズレ TypeScript Design Goals 7. すべてのJavaScriptコードの実行時動作を維持する。 8. 式レベルの構文追加を避ける。 9. 一貫性があり、完全に消去可能な構造的型システムを使う。 10. クロスプラットフォーム開発ツールとなる。 11. TypeScript 1.0 からの大きな破壊的変更を避ける。 23

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

© teamLab Inc. enum 標準化に立ちはだかる壁 ECMAScript proposal: Type Annotations Stage : 1 Detail : JavaScriptコードに型注釈を書けるようにし、実行時は無視しつつ、外部の型チェッカーが利用できるようにする提案 36 2023 年以降更新鈍化 2023年3月ランタイム型チェックにブラウザ側から強い反対 enumは型注釈ではないなので対象外

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Slide 43

Slide 43 text

© teamLab Inc. enum 標準化に立ちはだかる壁 Proposal for ECMAScript enums Stage : 1 Detail : TypeScript の enum宣言と互換性のある形式の採用を目指しています 43 自動初期化なし reverse mapping なし declaration merging なし const enum なし TS enum にはない差分も出てきた

Slide 44

Slide 44 text

© teamLab Inc. enum 標準化に立ちはだかる壁 Proposal for ECMAScript enums Stage : 1 Detail : TypeScript の enum宣言と互換性のある形式の採用を目指しています 44 自動初期化なし reverse mapping なし const enum なし declaration merging なし現行の TypeScript enum そのものではない...

Slide 45

Slide 45 text

Slide 46

Slide 46 text

© teamLab Inc. Node.js でも変化が... Type Stripping https://nodejs.org/docs/latest/api/typescript.html#type-stripping v25.2.0: stable → v26.0.0: --experimental-transform-types 削除 > Node.js は消去可能な TypeScript 構文のみを含む TypeScript ファイルを実行します。 > Node.js は TypeScript 構文を空白に置き換え... → ビルド不要で実行できる時代に！ 46

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

© teamLab Inc. TypeScript enum みたいな実装をしたいとき 63 const Status = { // ^ const Status: { // readonly Open: 0; // readonly Closed: 1; // } Open: 0, Closed: 1, } as const; const CurrentStatus = Status.Closed; // ^ const CurrentStatus: 1