TypeScript
TypeScript上級講座 #7 実戦パターンとアンチパターン
良い型と過剰な型を分ける基準 — any/unknown/never、as constとsatisfies、そしてよく陥るアンチパターンとその解決法。
TypeScript上級講座 #6 モジュールと.d.ts
外部ライブラリの型をどう扱い拡張するか — 宣言ファイル(.d.ts)、declareキーワード、module augmentation、そしてグローバル型の追加まで。
TypeScript上級講座 #5 Discriminated unionと型ガード深掘り
複数の形のデータを安全に扱うモデリング — discriminated union、ユーザー定義型ガード、assertion関数、そしてbranded typesまで。
TypeScript上級講座 #4 Template literal types
文字列を型レベルで合成する道具 — `${...}`パターン、Capitalize/Uppercaseの組み込み、そしてルート/イベント名を型でモデリングする実戦パターン。
TypeScript上級講座 #3 Conditional typesとinfer
型レベルのif文 — T extends U ? X : Y の分配動作とinferで型の中の値を引き出すパターン、ReturnTypeとAwaitedを自分で作ってみます。
TypeScript上級講座 #2 Mapped types
オブジェクト型を一度に変換するmapped types — Partial/Required/Readonlyがどう作られたかから、キーの再マッピング(as)、modifier(+/-)まで。
TypeScript上級講座 #1 keyofとtypeof
型を作る最も基本的な道具二つ — keyofでキーを集め、typeofで値から型を引き出す方法、そして二つが出会うと可能になるパターン。
TypeScript + React 実践 #6 fetch と API レスポンスの型付け
ジェネリック fetcher の限界と危険性、そして zod ランタイム検証で外部データを本当に安全に扱うパターンまでを整理します。
TypeScript + React 実践 #5 Context とジェネリックコンポーネント
createContext の型引数パターンと安全な useContext ヘルパー、そしてジェネリックコンポーネントで再利用可能な List/Select のようなコンポーネントを作る方法。
TypeScript + React 実践 #4 イベントとフォームの型付け
React のイベントオブジェクトにどんな型を使うのか、制御/非制御フォームを TypeScript でどう型付けするのかを実践パターンで整理します。
TypeScript + React 実践 #3 hooksの型付け
useState/useReducer/useRef/useCallback/useMemoまで、組み込みhookの型をどこまで推論に任せいつ明示するかを整理します。
TypeScript + React 実践 #2 propsとchildrenの型付け
propsの型をどう定義しどこまで絞るか、optional prop・union prop・childrenパターンまで実戦でよく出会う決定を整理します。