TypeScriptで設定しておきたいオプションを逆引きで紹介する - kansai.ts #7

kansai.ts #7での登壇資料です。

Transcript

1. TypeScriptで設定しておきたい オプションを逆引きで紹介する Copyright © 2024 blessing software. All Rights Reserved. Kanon (@samurai_se) #kansaits 1
2. 自己紹介 2 Kanon 株式会社 虎の穴ラボ 個人事業 blessing software samurai_se ↓詳しくは↓ Copyright © 2024 blessing software. All Rights Reserved. • 3次元に嫁が1人います。2次元にはいっぱいいます • 最近「アイコンみたことある！」と声かけていただける率が増えてて嬉しい • 本業はKtor(Kotlin), Next.jsで副業がLaravel, Nest.js,Next.js • Kobe.tsという勉強会を主催しています
3. 3 Copyright © 2024 blessing software. All Rights Reserved. 最初にみなさんに3つお願いしたいことがあります
4. 4 Copyright © 2024 blessing software. All Rights Reserved. Kobe.tsのメンバーになってください！！
5. 5 Copyright © 2024 blessing software. All Rights Reserved. 📢 最初に宣伝 🙏 オフラインLT会を 神戸で開催してます！ 3週間前に作って今40人ちょい！ TS＋周辺技術 Figma、npmなどなど 範囲が広いので登壇しやすい！
6. 6 Copyright © 2024 blessing software. All Rights Reserved. 以上、お知らせでした🙇
7. 本編 Copyright © 2024 blessing software. All Rights Reserved. 7
8. 暗黙のanyを禁止する 8 • strictが有効であれば必然的に有効 • 個別に設定する場合はnoImplicitAnyで設定が可能 • 例えば以下のように引数の型注釈を省略した場合anyと評価されるがそれを 禁止する Copyright © 2024 blessing software. All Rights Reserved.
9. 非null型や非undefined型の変数にそれらの代入を禁止する 9 • strictが有効であれば必然的に有効 • 個別に設定する場合はstrictNullChecksで設定可能 Copyright © 2024 blessing software. All Rights Reserved. trueの場合エラー
10. 引数の共変性を禁止する 10 • strictが有効であれば必然的に有効 • 個別に設定する場合はstrictFunctionsTypesで設定が可能 Copyright © 2024 blessing software. All Rights Reserved.
11. 引数の共変性とは 11 Copyright © 2024 blessing software. All Rights Reserved.
12. 引数の共変性の問題点 12 Copyright © 2024 blessing software. All Rights Reserved. • 型エイリアスはnumberのみ許容しているのに、nullを渡せてしまっている • これにより、実行時エラーが発生する可能性がある • このように、型定義の引数型より範囲を狭められる性質のことをいう • 一方で型定義の引数型より範囲を広められる性質のことを反変性という 反変の場合は実装に対 して指定した型への処 理不足がない
13. クラスプロパティの初期化を必須にする 13 • strictが有効であれば必然的に有効 • 個別に設定する場合はstrictPropertyInitializationで設定が可能 Copyright © 2024 blessing software. All Rights Reserved.
14. クラスプロパティの初期化の方法 14 Copyright © 2024 blessing software. All Rights Reserved.
15. 未使用の変数がある場合に怒ってもらう 15 • noUnusedLocalsで設定可能 • 未使用変数などただのゴミなので、必ず設定しておきたい Copyright © 2024 blessing software. All Rights Reserved.
16. 未使用の引数がある場合に怒ってもらう 16 • noUnusedParametersで設定可能 • 未使用引数などただのゴミなので、必ず設定しておきたい Copyright © 2024 blessing software. All Rights Reserved.
17. 空でないcase文でbreakやreturnを設定するように怒ってもらう 17 • noFallthroughCasesInSwitchで設定可能 Copyright © 2024 blessing software. All Rights Reserved.
18. 空でないcase文でbreakやreturnを設定するように怒ってもらう 18 Copyright © 2024 blessing software. All Rights Reserved.
19. 空でないcase文でbreakやreturnを設定するように怒ってもらう 19 Copyright © 2024 blessing software. All Rights Reserved.
20. まとめ 20 • 結構デフォルトで有効になっているものがある • noUnusedLocals,noUnusedParametersは必須設定 • 他にも良さげなオプションがあるか見てみたい Copyright © 2024 blessing software. All Rights Reserved.
21. 21 ご清聴、あざざました Copyright © 2024 blessing software. All Rights Reserved.
22. Copyright © 2024 blessing software. All Rights Reserved. Illustrated by @amon_mikio おわりに 三ノ宮で待ってます！！ samurai_se