TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 Conditional Typesの分配法則 – TypeScript実践ガイド

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

【実務・中級編】 Mapped Typesでのreadonlyと?の操作 – TypeScript実践ガイド

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

【実務・中級編】 Mapped Typesにおけるas句によるキーの再マッピング – TypeScript実践ガイド

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

【実務・中級編】 テンプレートリテラル型における型推論 – TypeScript実践ガイド

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

【実務・中級編】 Intrinsic String Manipulation Typesの全容 – TypeScript実践ガイド

こんにちは。日々の型定義との格闘、本当にお疲れ様です。TypeScriptを書き始めた頃は、`string`や`number`のプリミティブな型定義で満足していたはずが、気づけば「APIのレスポンスや既存の命名規則のゆらぎに型システムで完全...
TypeScript

【実務・中級編】 Template Literal Typesの再帰的利用 – TypeScript実践ガイド

お疲れ。最近、君の書くコードを見ていて「お、型定義を頑張ってるな」と感心することが増えた。だがな、APIのルーティング定義や、Sassのユーティリティ型、あるいはフロントエンドで独自のDSL(ドメイン固有言語)を扱い始めた途端に、`stri...
TypeScript

【実務・中級編】 InstanceTypeによるインスタンス型の取得 – TypeScript実践ガイド

フロントエンドの現場で「おっ、やるな」とコードレビューで唸らせる瞬間はどんな時か知ってるかい?それは、無駄な型定義を書き殴るのをやめ、TypeScriptが標準で持っているユーティリティ型をエレガントに使いこなしているを見た時だ。特に、クラ...
TypeScript

【実務・中級編】 ReturnTypeによる戻り値型の取得 – TypeScript実践ガイド

やあ、今日も元気に型定義と格闘しているかい?フロントエンド開発の現場で、APIクライアントのレスポンス型や、複雑な状態管理フックの戻り値をいじっているとき、「この関数の戻り値の型、そのまま別の場所で使い回したいな……」って絶望した経験、一度...
TypeScript

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

こんにちは。フロントエンドの現場で日々TypeScriptの型定義と格闘している君なら、一度は「既存の外部ライブラリや自作関数の引数の型だけを綺麗に引っペがして再利用したい」という衝動に駆られたことがあるはずだ。「あっちの関数の引数が変わる...
TypeScript

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

こんにちは。フロントエンドチームのシニアアーキテクトです。日々、モダンなWebアプリケーション開発でTypeScriptと格闘している君なら、一度はこんな絶望を味わったことがあるはずだ。「いや、絶対にここに値はあるはずなのに、なんでType...
スポンサーリンク