TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 NonNullable – TypeScript実践ガイド

やあ、調子はどうだい?最近、チームのコードレビューをしていて「またか」と頭を抱えたポイントがあるんだ。APIから返ってきたデータや、フォームの入力値を扱うときに、とりあえず `any` や型アサーション(`as`)で強引に型エラーを黙らせて...
TypeScript

【実務・中級編】 Extract – TypeScript実践ガイド

こんにちは。チームのコードレビューをしていて、最近よく見かけるのが「なんとなく `any` を使ってごまかしているコード」や「巨大なユニオン型を前にして立ちすくんでいる姿」だ。気持ちは痛いほどわかる。型定義が複雑怪奇になってくると、コンパイ...
TypeScript

【実務・中級編】 Exclude – TypeScript実践ガイド

お疲れ。最近、君の書くコードを見ていて「おっ、いい感じに型安全を意識できてるじゃん」って感心してたところだ。でもな、そろそろ中級から一段上の「シニアの扉」を叩くタイミングだ。単に動くだけの型定義から、意図を雄弁に語るスマートな型設計へシフト...
TypeScript

【実務・中級編】 Record – TypeScript実践ガイド

やあ、調子はどうだい?日々のコンポーネント実装やAPIの型定義に追われて、気づけば `any` の爆弾をそっとコードの隅に押し込んで……なんて夜を過ごしていないかい?痛いほど気持ちはわかるよ。納期が迫っている時のプレッシャーは凄まじいからね...
TypeScript

【実務・中級編】 Omit – TypeScript実践ガイド

やあ。今日も元気に型定義と格闘しているかい?フロントエンド開発の現場にいると、APIから返ってくるデータ構造や、既存のコンポーネントのPropsを「一部だけ変えて使い回したい」という欲求に、毎日のようにぶつかるはずだ。「この画面のユーザープ...
TypeScript

【実務・中級編】 Pick – TypeScript実践ガイド

やあ、今日もコードと向き合ってくれてお疲れさん。中級へのステップを駆け上がっている君なら、そろそろ「既存の型をいい感じに使い回して、コピペ職人から卒業したい」というフェーズに差し掛かっている頃じゃないかな。TypeScriptのプロジェクト...
TypeScript

【実務・中級編】 Readonly – TypeScript実践ガイド

おい、最近チームで「うっかりイミュータブル(変更不可)にすべきオブジェクトの値を書き換えてしまい、画面がバグった」なんて笑えない事故を起こしていないか?中級に差し掛かったエンジニアなら、「変数の値はむやみに書き換えない(イミュータブル性)」...
TypeScript

【実務・中級編】 Required – TypeScript実践ガイド

こんにちは。今日も元気に型定義と格闘しているかい?フロントエンドの実務をやっていると、APIから返ってくるレスポンスの型定義や、フォームの状態管理で「本当は全部必須なんだけど、途中経過やAPIの都合でオプショナル(`?`)にしておきたい」と...
TypeScript

【実務・中級編】 Partial – TypeScript実践ガイド

こんにちは。現場で日々TypeScriptの型パズルと格闘している君なら、一度や二度はお世話になっているはずだ。そう、`Partial`。型 `T` のすべてのプロパティをごっそりオプショナル(省略可能)にしてくれる、あの便利なユーティリテ...
TypeScript

【実務・中級編】 Mapped Types (マップ型) – TypeScript実践ガイド

やあ。最近、チームのコードレビューをしていて「あ、ここはMapped Types使えばボイラープレートをごっそり削れるのになぁ」って思う場面にめちゃくちゃ遭遇するんだよね。手動で似たような型を何個も定義して、APIの仕様変更のたびに何箇所も...
スポンサーリンク