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

スポンサーリンク
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...
TypeScript

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

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

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

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

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

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