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

スポンサーリンク
TypeScript

【実務・中級編】 Parametersによる関数引数の型取得 – TypeScript実践ガイド

やあ、調子はどうだい?日々のコンポーネント実装やAPI連携、本当にお疲れ様。さて、今日は君と「`Parameters`を用いた関数引数の型取得」について深く話をしたい。中級からもう一歩抜け出して、チームの誰もが頼る「型設計のスペシャリスト」...
TypeScript

【実務・中級編】 NonNullableによるnull/undefinedの排除 – TypeScript実践ガイド

こんにちは。チームを支えるシニアフロントエンドエンジニアの私だ。君も日々の開発で、APIから返ってきたレスポンスや、フォームの入力値の型定義に頭を悩ませていることだろう。「本当はここ、絶対に`null`も`undefined`も入らないはず...
TypeScript

【実務・中級編】 Extractによるユニオン型の抽出 – TypeScript実践ガイド

こんにちは。チームのコードレビューをしていて、「お、ここ綺麗に型がつながってるね」と感心させられることもあれば、「うわっ、また `any` が生えてる……」と頭を抱えたくなる瞬間、フロントエンドの現場では日常茶飯事ですよね。特に、APIから...
TypeScript

【実務・中級編】 Excludeによるユニオン型の絞り込み – TypeScript実践ガイド

やあ、調子はどうだい?日々のコンポーネント実装やAPIの型定義に追われて、気がついたら `any` の爆弾を抱えて冷や汗をかく……なんていう泥臭いフロントエンドの戦場を、君も毎日のように駆け抜けていることだと思う。さて、今日は中級から一歩抜...
TypeScript

【実務・中級編】 Recordによるオブジェクト型の生成 – TypeScript実践ガイド

お疲れ。最近、君の書いているコードをいくつかレビューさせてもらったんだけどさ……うん、全体的にすごくよく書けている。キャッチアップも早いし、TypeScriptの型システムに対する苦手意識もなさそうだ。ただ、ふと気になったんだよね。オブジェ...
TypeScript

【実務・中級編】 Omitによるプロパティの除外 – TypeScript実践ガイド

やあ、調子はどうだい?日々のコンポーネント実装やAPIの型定義に追われて、TypeScriptの赤波線(コンパイルエラー)と格闘する忙しい毎日を送っていることだろう。今回は、中級から一歩抜け出して「頼れるシニア」になるための必須スキル、`O...
TypeScript

【実務・中級編】 Pickによる部分型の抽出 – TypeScript実践ガイド

こんにちは。チームを率いるシニアフロントエンドエンジニアの私だ。君も日々の開発で、バックエンドから送られてくる巨大なAPIレスポンスの型定義に頭を悩ませていないかい?「画面Aのこのコンポーネントでは、この2つのプロパティしか使わないのに、わ...
TypeScript

【実務・中級編】 基本ユーティリティ型 (Partial, Required, Readonly) – TypeScript実践ガイド

お疲れ。最近、君が書いたフォームバリデーションのPRを見たんだが……おっと、悪口じゃない。コード自体は動くし、テストもパスしている。ただ、型定義のところで少し「もったいない」書き方をしている箇所があった。例えば、APIから返ってきたユーザー...
TypeScript

【実務・中級編】 Branded Types (Nominal Typingの模倣) – TypeScript実践ガイド

TypeScriptの型システム、本当に最高ですよね。開発フィールは軽快だし、リファクタリングは怖くない。でも、実務で中規模から大規模なアプリケーションを任されるようになると、ある「モヤモヤ」に直面しませんか?そう、「IDの混ぜるな危険」問...
TypeScript

【実務・中級編】 テンプレートリテラル型によるキーのリマッピング – TypeScript実践ガイド

こんにちは。プロダクトの規模が拡大してくると、TypeScriptの型定義地獄にハマりませんか?「また似たようなボイラープレートを書いているな…」「バックエンドのAPI仕様が変わるたびに、フロントの型を何箇所も手動で直すの、いい加減しんどい...
スポンサーリンク