技術書ビブリオバトル - 『プログラミング TypeScript スケールするJavaScriptアプリケーション開発』

2024/12/6に東京都立大学 南大沢キャンパスで行われたGDG TMU主催『技術書ビブリオバトル』にて発表した資料です．

Transcript

1. TypeScript JavaScript Kanade Sisido yzuemx.com
2. 私の趣味について Kanade Sisido ( yzuemx.com ) 「BOOK OFFでオライリー・ジャパンの本を買うこと」
3. 書籍情報 Kanade Sisido ( yzuemx.com ) https://www.oreilly.co.jp//books/9784873119045/ 『プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発』 Boris Cherny 著、今村 謙士 監訳、原 隆文 訳
4. 注目ポイント Kanade Sisido ( yzuemx.com ) https://www.oreilly.co.jp//books/9784873119045/ みんな大好き「Web系」でよく用いられる 「TypeScript」が題材
5. 注目ポイント Kanade Sisido ( yzuemx.com ) https://www.oreilly.co.jp//books/9784873119045/ 「オライリー・ジャパン」の圧倒的安心感
6. おしながき Kanade Sisido ( yzuemx.com ) １．TypeScriptとはなにか – console.log( [3] + “1” ); ２．集合としてのデータ型
7. TypeScriptとはなにか Kanade Sisido ( yzuemx.com ) JavaScriptに「型」を導入したやつ
8. TypeScriptとはなにか Kanade Sisido ( yzuemx.com )
9. TypeScriptとはなにか Kanade Sisido ( yzuemx.com ) js
10. TypeScriptとはなにか Kanade Sisido ( yzuemx.com ) ts
11. TypeScriptとはなにか Kanade Sisido ( yzuemx.com ) めんどくさい
12. TypeScriptとはなにか Kanade Sisido ( yzuemx.com ) それでも、なぜ「型」を使うのか
13. なぜTypeScriptなのか Kanade Sisido ( yzuemx.com ) 「TypeScriptを使うと、プログラマーとしての生産性が2倍になり、 通りの向かい側にいるあの可愛いバリスタとのデートが実現するかもしれません」 ──『プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発』
14. JavaScriptの問題 Kanade Sisido ( yzuemx.com )
15. JavaScriptの問題 Kanade Sisido ( yzuemx.com ) なぜこうなるのかは，紹介図書に書いてあります （ほほーって思った）
16. JavaScriptの問題 Kanade Sisido ( yzuemx.com ) 予想外の挙動を起こす → 論理エラーの原因になる
17. 論理エラーとは Kanade Sisido ( yzuemx.com ) 「動くけど、変」 （例）時刻表アプリ作ったら次のバスが「10時15283856分」になった
18. Kanade Sisido ( yzuemx.com ) データ型、お前だったのか。いつも論理エラーを防いでくれたのは。
19. Kanade Sisido ( yzuemx.com ) おもしろかったところ
20. データ型の解釈 Kanade Sisido ( yzuemx.com )
21. データ型の解釈（一般 or 私） Kanade Sisido ( yzuemx.com ) numberのための変数 stringのための変数
22. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) 「本来，変数には何でも入る」
23. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) 変数に入れられるものの集合
24. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) var x : number;
25. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) var x : boolean;
26. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) var x : null;
27. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) 「型」とは， 「変数がとる値の制限」 である
28. データ型の解釈（TypeScript） Kanade Sisido ( yzuemx.com ) var x : number | null;
29. Kanade Sisido ( yzuemx.com ) var x : number | null;
30. Kanade Sisido ( yzuemx.com ) var x : number | null;
31. Kanade Sisido ( yzuemx.com ) var x : number | null;
32. 紹介図書の話 Kanade Sisido ( yzuemx.com ) この辺のTypeScriptの思想が， コード例も交えてかなり分かりやすく書かれている
33. 紹介図書の話 Kanade Sisido ( yzuemx.com ) JavaScriptの解説はあえてしない ・ 基本構文を読み飛ばす手間がない． ・少し踏み込んだ知識は若干説明してくれるので安心
34. 紹介図書の最大の魅力 Kanade Sisido ( yzuemx.com ) 言語仕様の「お気持ち」
35. 紹介図書の最大の魅力 Kanade Sisido ( yzuemx.com ) 大船に乗ったつもりでTypeScriptを学べる ＋ 「自分を律するプログラミング」に関心を向けられる
36. EOF Kanade Sisido ( yzuemx.com )