TypeScript 【実務・中級編】 Readonly修飾子付きマップ型 – TypeScript実践ガイド
お疲れ。最近、君の書くコードを見ていて「おっ、いい感じに型安全の恩恵を受け始めているな」と感心していたところだ。でもな、中級からもう一段階上のシニアへステップアップする時に、みんなここで一回つまずくポイントがあるんだよ。それが今回話す「Re...
基本の型定義（boolean, number, string, array, tuple, any, unknown）
TypeScript TypeScript 【実務・中級編】 typeof 型演算子 – TypeScript実践ガイド
お疲れ様です。最近、チームのコードレビューをしていて「あ、ここは `typeof` をうまく使えばもっとスマートになるのにな」と惜しいコードを見かけることが増えてきました。中級へのステップアップの壁を越えようとしている君なら、`const`...
TypeScript 【実務・中級編】 keyof 型演算子 – TypeScript実践ガイド
こんにちは。フロントエンドチームのシニアアーキテクチャを担当している私だ。日々、君たちが書いてくれるPRをレビューしていて、「お、この型定義は綺麗に攻めているな」と感心することもあれば、「あー、ここで`any`に逃げちゃったか……もったいな...
TypeScript 【実務・中級編】 infer キーワード – TypeScript実践ガイド
お疲れ。最近、君が書いた型定義のプルリクを見たんだが……おや、また`any`で逃げようとした跡があるね（笑）。まあ、焦るな。中級の壁にぶつかっている証拠だ。ここを抜ければ、君はもう一段上の「型を自由自在に操るエンジニア」になれる。今回は、T...
TypeScript 【実務・中級編】 InstanceType – TypeScript実践ガイド
TypeScriptでの型定義、日々お疲れ様です。中級へのステップを駆け上がっている君なら、`Partial`や`Omit`といった組み込みのユーティリティ型（Conditional Typesをベースにした標準ライブラリ群）は、日々のコー...
TypeScript 【実務・中級編】 ReturnType – TypeScript実践ガイド
TypeScriptでの型定義、日々お疲れ様です。初学者の山を越え、そろそろ「ジェネクスや条件付き型をバリバリ使いこなして、より堅牢なフロントエンド基盤を作ってやるぜ」と意気込んでいる中級者にとって、標準で用意されているユーティリティ型は最...
TypeScript 【実務・中級編】 Parameters – TypeScript実践ガイド
やあ。今日も元気に型定義と格闘しているかい？フロントエンドの現場にいると、APIクライアントのラッパーを書いたり、既存のサードパーティ製ライブラリの型をちょっと拡張したりするシーンによく遭遇するよね。「なんだか動くけど、もっとスマートに型安...
TypeScript 【実務・中級編】 NonNullable – TypeScript実践ガイド
やあ、調子はどうだい？最近、チームのコードレビューをしていて「またか」と頭を抱えたポイントがあるんだ。APIから返ってきたデータや、フォームの入力値を扱うときに、とりあえず `any` や型アサーション（`as`）で強引に型エラーを黙らせて...
TypeScript 【実務・中級編】 Extract – TypeScript実践ガイド
こんにちは。チームのコードレビューをしていて、最近よく見かけるのが「なんとなく `any` を使ってごまかしているコード」や「巨大なユニオン型を前にして立ちすくんでいる姿」だ。気持ちは痛いほどわかる。型定義が複雑怪奇になってくると、コンパイ...
TypeScript 【実務・中級編】 Exclude – TypeScript実践ガイド
お疲れ。最近、君の書くコードを見ていて「おっ、いい感じに型安全を意識できてるじゃん」って感心してたところだ。でもな、そろそろ中級から一段上の「シニアの扉」を叩くタイミングだ。単に動くだけの型定義から、意図を雄弁に語るスマートな型設計へシフト...