TypeScriptの型を展開してホバー表示してくれるVSCode拡張「Prettify TypeScript」が便利

SRANK

TypeScriptは強力な型システムが魅力です。しかし、複雑な型定義は理解が難しいです。特にライブラリの型定義などはジェネリクスや交差型などがネストしていることも多く、すぐに把握するのが難しい場合があります。Visual Studio Code（以下VSCode）でTypeScriptの開発をしている際、型にカーソルをホバーすると型情報が表示されます。しかし、深いネストや複雑な型の場合、展開される情報が不十分で、定義を追う必要があります。そんな時に役立つVSCodeの拡張機能がないかな〜と探していたら「Prettify TypeScript」というぴったりの拡張機能を発見しました！この拡張機能を使うと、ホバーした時に型が展開された状態で表示されるため、型情報を把握しやすくなります。 Prettify TypeScriptは現在プレビュー版のため、将来的に機能が変更される可能性や動作に不安定な可能性があることにご注意ください。Prettify TypeScriptの概要Prettify TypeScriptを使用することで、VSCode上で型にカーソルをホバーした時に型が展開された状態で表示されます。例えば標準のVSCodeでは展開されない交差型が展開されたりネストした型が表示されたりします（画像の線より上部がPrettify T…