基本の型定義(boolean, number, string, array, tuple, any, unknown)

スポンサーリンク
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の仕様変更のたびに何箇所も...
TypeScript

【実務・中級編】 Template Literal Types (テンプレートリテラル型) – TypeScript実践ガイド

こんにちは。フロントエンドチームのコードレビューを見ていると、`string`型やマジックストリートビュー的な文字列結合で溢れかえっているコードに直面して頭を抱えることがよくある。「APIから返ってくるこのID、プレフィックスが必ず `us...
TypeScript

【実務・中級編】 Conditional Types (条件付き型) – TypeScript実践ガイド

やあ。今日も今日とて型定義の海に溺れてるかい?中級への階段を登り始めた君なら、そろそろ「なんとなく動く型」から「意図を完全にコンパイラに伝える型」への脱皮を図りたい頃合いだと思う。`string`や`number`、あるいは`unknown...
TypeScript

【実務・中級編】 Indexed Access Types (インデックス型) – TypeScript実践ガイド

やあ、お疲れ。最近、君が書いているコードをレビューしていて、「おっ、いい感じに型安全を攻めてるな」って思う場面が増えてきたよ。ジュニアから一段ステップアップして、中級の荒波をまさに乗りこなそうとしているところだな。非常に頼もしい。さて、今日...
TypeScript

【実務・中級編】 keyof演算子によるキーの抽出 – TypeScript実践ガイド

TypeScriptの型システムを使いこなせるようになると、次にぶwalls(壁)が「動的な値やオブジェクトのキーをどうやって型安全に扱うか」という問題だ。中級へのステップアップとして、APIレスポンスのパーサーや、汎用的なフォームバリデー...
スポンサーリンク