基本の型定義（boolean, number, string, array, tuple, any, unknown）

こんにちは。フロントエンドチームのシニアアーキテクトだ。最近、君たちの書くコードをレビューしていて、「おっ、いい感じに型定義を使いこなせるようになってきたな」と感心することが増えた。だがな、APIから返ってくる巨大なJSONの型定義を前にし...

こんにちは。フロントエンドチームのシニアアーキテクトです。日々、複雑化するReactアプリケーションやデザインシステムの型定義と格闘している君なら、一度はこんな壁にぶつかったことがあるはずだ。「オブジェクトに型をしっかり付けたい。だけど、T...

やあ。今日も元気にコード書いてるかい？「一通りTypeScriptの基本はマスターしたし、`interface`や`type`を組み合わせて複雑な型も組めるようになった。よし、中級者だ！」……と胸を張っている君にこそ、今日お話しするテーマは...

おい、調子はどうだい？最近、コードレビューをしていて「あぁ、もったいないな」って思うことがよくあるんだよね。APIから返ってきた定数オブジェクトや、設定ファイルのオブジェクトを手動で地道に型定義しているコードを見かけるたびに、「おいおい、そ...

やあ。最近、チームのコードレビューをしていて「お、いい感じに型を書けるようになってきたな」と感心した直後に、`keyof` の使い所で思いっきり泥臭いハマり方をしているコードを見かけてね。思わずコーヒーを吹き出しそうになったよ。中級への階段...

こんにちは。君もそろそろ、`any`の乱用に背筋が凍る感覚を覚え、`unknown`を`narrowing`する日常に慣れてきた頃じゃないかな。中級から一段上のシニアへと駆け上がるこのフェーズで、必ず壁にぶつかるのが「型を動的に操る」という...

やあ、最近のコードベースの型定義、いい感じに複雑化してないかい？（笑）TypeScriptを書き始めて数年、`string`や`number`といった基本のプリミティブから、ジェネリクスをバリバリ使いこなせるようになると、次にぶつかるのが「...

お疲れ。最近、君が書いている型定義のコードをいくつかレビューさせてもらったんだけどさ……うん、`Partial`とか`Readonly`をただありがたがって使うだけのフェーズは、そろそろ卒業しようか。中級からもう一歩先に進んで「型を意のまま...

TypeScriptの型システムと日々格闘している中級エンジニアの皆さん、こんにちは。「APIから返ってくるスネークケースのレスポンスデータを、フロントエンドの作法に合わせてキャメルケースに一括変換したい……でも、毎回手動で型定義を書くのは...

こんにちは。フロントエンドチームのシニアアーキテクトだ。最近、コードレビューをしていて「おっ、これいい感じに型を使いこなしてるな」と感心することもあれば、「おいおい、ここで `any` に逃げたら今までの苦労が水の泡だろ……！」と頭を抱える...