TypeScript命名規則:インターフェース、型、Enum

5 分で読了

TypeScriptはJavaScriptの規則を継承し、型システム機能のための独自ルールを追加します。

TypeScript固有のルール

項目規則
インターフェースPascalCase(I接頭辞なし)UserProps
型エイリアスPascalCaseApiResponse
EnumPascalCaseenum Direction
EnumメンバーPascalCaseDirection.North
ジェネリクス大文字1文字T, K, V
ユーティリティ型PascalCasePartial<T>, Readonly<T>

インターフェースに「I」接頭辞は不要

TypeScriptチームはハンガリアン記法のIUserパターンを明確に非推奨としています。インターフェースにはUser、実装にはUserImplや説明的な名前を使いましょう。

ファイル命名

Reactコンポーネント:UserProfile.tsx(PascalCase)。それ以外:userUtils.ts(camelCase)またはuser-utils.ts(kebab-case)。

変換

PascalCasecamelCaseハブ