VSCode で TypeScript の交差型のプロパティを省略せずに見れるようにする - Mobile Factory Tech Blog

2021/12/02 11 users TypeScript vscode プロパティ 交差型 型情報

VSCode でホバーして型情報を見ようとすると、交差型はプロパティが展開されません プロパティの型を展開する Mapped Types を通すことで省略せずにプロパティを見ることができます。プロパティが交差型になっていることもあるので、再帰的にプロパティを Mapped Types に通すような型を定義しておいて、通すことでプロ... 続きを読む

TypeScript 4.1で密かに追加されたintrinsicキーワードとstring mapped types

2021/01/10 11 users 小文字 標準ライブラリ 全て大文字 文字列 文字列中

TypeScript 4.1では、Mapped typesにおけるkey remappingやtemplate literal typesに付随する新機能として、標準ライブラリにUppercaseなどの型が追加されました。 上の例から分かるように、Uppercase型は一つの文字列を受け取る型関数で、文字列のリテラル型を渡すとその文字列中の小文字を全て大文字にした文字列のリ... 続きを読む

TypeScriptでMapped Typesを使ってきれいなインターフェースを作る話 - Qiita

2020/12/05 9 users TypeScript Qiita 構文 インターフェース 仕方

みなさんこんにちは。この記事はTypeScript Advent Calendar 2020の5日目の記事です。 TypeScriptにはintersection typeという機能があります。これはT & Uのような構文をもつ型であり、意味としては「TでもありUでもある型」です。 構造的部分型とIntersection Type 「TでもありUでもある」という説明の仕方をされるとI... 続きを読む

TypeScriptの便利な型コレクションtype-festと型パズル解説~前編~ - 別にしんどくないブログ

2019/12/22 10 users TypeScript Utilities npmパッケージ

TypeScript Advent Calendar 2019 - Qiita 14日目の記事です。 type-festというTypeScriptの便利な型を集めたnpmパッケージがあります。 今回はtype-festの中から特に複雑なUtilitiesの型の紹介とそれらの型パズルのような型定義について解説したいと思います。 この記事がMapped TypesやConditional Typesを使った複雑... 続きを読む