はじめに 2025年7月16日にNuxt 4がリリースされました。 前回はNuxt 4でパフォーマンスが改善されたuseAsyncDataについて、紹介しました。 今回はNuxt 4でサポートが強化されたTypeScriptについて、フォーカスしていきたいと思います。 公式ドキュメントや関連記事を調べて、Nuxt 3とNuxt 4のTypeScriptの違いを実際に検証してみました。 Nuxt 4のTypeScriptのサポート強化 Nuxt公式には以下のように書かれています。 Better TypeScript experience Nuxt now creates separate TypeScript projects for your app code, server code, shared/ folder, and builder code. This should mean

はじめに 最近、TypeScriptのRecord型を使う機会があって、この機に公式ドキュメントや関連記事を調べて、自身が理解しやすいように実用例と合わせてメモ書きしてみました。 Record<Keys, Type>とは TypeScript公式には以下のように書かれています。 Constructs an object type whose property keys are Keys and whose property > values are Type. This utility can be used to map the properties of a type > to another type. プロパティキーがKeysで、プロパティ値がTypeであるオブジェクトタイプを構築します。 このユー> ティリティを使用して、あるタイプのプロパティを別のタイプにマップできます。 ht