TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 OmitThisParameterによるthisの削除 – TypeScript実践ガイド

やあ。今日も元気にコード書いてるかい?リポジトリの型定義を見て「なんだこれ……」と頭を抱えた瞬間、僕のところに駆け込んでくる君の顔が目に浮かぶよ。今回は、中級から一歩抜け出して「本当の意味でTypeScriptとJavaScriptを深く理...
TypeScript

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

TypeScriptを書いていると、基本の型(`string`や`number`、あるいは`unknown`や`any`)をひと通りマスターしたあたりで、必ずと言っていいほど「型システムを自在にハックしたい欲」に駆られる瞬間がやってくる。特...
TypeScript

【実務・中級編】 ConstructorParametersの仕組みと利用例 – TypeScript実践ガイド

やあ。今日も今日とて型定義の海で溺れかけてるかい?フロントエンドの現場にいると、Reactのカスタムフックを作ったり、汎用的なUIライブラリのラッパーを書いたりする中で、「あ、このクラスのコンストラクタに渡す引数の型だけを綺麗に抽出したい…...
TypeScript

【実務・中級編】 Readonly修飾子付きマップ型 – TypeScript実践ガイド

お疲れ。最近、君の書くコードを見ていて「おっ、いい感じに型安全の恩恵を受け始めているな」と感心していたところだ。でもな、中級からもう一段階上のシニアへステップアップする時に、みんなここで一回つまずくポイントがあるんだよ。それが今回話す「Re...
TypeScript

【実務・中級編】 typeof 型演算子 – TypeScript実践ガイド

お疲れ様です。最近、チームのコードレビューをしていて「あ、ここは `typeof` をうまく使えばもっとスマートになるのにな」と惜しいコードを見かけることが増えてきました。中級へのステップアップの壁を越えようとしている君なら、`const`...
TypeScript

【実務・中級編】 keyof 型演算子 – TypeScript実践ガイド

こんにちは。フロントエンドチームのシニアアーキテクチャを担当している私だ。日々、君たちが書いてくれるPRをレビューしていて、「お、この型定義は綺麗に攻めているな」と感心することもあれば、「あー、ここで`any`に逃げちゃったか……もったいな...
TypeScript

【実務・中級編】 infer キーワード – TypeScript実践ガイド

お疲れ。最近、君が書いた型定義のプルリクを見たんだが……おや、また`any`で逃げようとした跡があるね(笑)。まあ、焦るな。中級の壁にぶつかっている証拠だ。ここを抜ければ、君はもう一段上の「型を自由自在に操るエンジニア」になれる。今回は、T...
TypeScript

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

TypeScriptでの型定義、日々お疲れ様です。中級へのステップを駆け上がっている君なら、`Partial`や`Omit`といった組み込みのユーティリティ型(Conditional Typesをベースにした標準ライブラリ群)は、日々のコー...
TypeScript

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

TypeScriptでの型定義、日々お疲れ様です。初学者の山を越え、そろそろ「ジェネクスや条件付き型をバリバリ使いこなして、より堅牢なフロントエンド基盤を作ってやるぜ」と意気込んでいる中級者にとって、標準で用意されているユーティリティ型は最...
TypeScript

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

やあ。今日も元気に型定義と格闘しているかい?フロントエンドの現場にいると、APIクライアントのラッパーを書いたり、既存のサードパーティ製ライブラリの型をちょっと拡張したりするシーンによく遭遇するよね。「なんだか動くけど、もっとスマートに型安...
スポンサーリンク