minify の効果を最大限に引き出す TypeScript コードを書く

はじめに 2024年の11月に、札幌で開催された「クラメソさっぽろIT勉強会(仮) #6」という勉強会がありまして、そのライトニングトーク枠に登壇してきました。 タイトルは「minifyの効果を最大限に引き出すTypeScriptコードを書く」です。 昨今のフロントエンド開発では、TypeScriptを使ってコーディングし、それをトランスパイルしてできたJavaScriptファイルのサイズを minify によって削減するのが一般的でしょう。そうしたときに、ふと 「TypeScript の書き方を工夫したら、もっと minify が効率的に効くようになるかも?」 と思いたち、型安全性とコードの読みやすさを壊さない範囲で、どこまでファイルサイズを削れるか挑戦してみた、という話です。 今回はその LT ネタを、改めてブログ記事として共有させて頂きます。 今回のお題: Blazor SplitC

[akymrk]

"オリジナル (class): 2,197 bytes""クラスからクロージャーへ: 1,446 bytes""文字列定数の重複排除: 1,421 bytes""メソッドをbind: 1,336 bytes""状態オブジェクトの辞書化: 1,212 bytes”

[efcl]

minifyされやすいコードについて