TypeScript ベストプラクティス 10選

TypeScriptは、JavaScriptに型安全性を追加した強力な言語です。この記事では、より良いTypeScriptコードを書くための10のベストプラクティスを紹介します。

1. 型推論を活用する

可能な限り型推論を活用し、明示的な型注釈は必要な場合のみ使用しましょう：

```typescript // 良い例 const name = "John"; const age = 30;

// 必要な場合のみ型注釈 const apiUrl: string = process.env.API_URL || ""; ```

2. interface と type の使い分け

• interface: オブジェクトの形状を定義する場合
• type: ユニオン型や交差型など、より複雑な型を定義する場合

```typescript // interface の使用例 interface User { id: string; name: string; email: string; }

// type の使用例 type Status = "pending" | "approved" | "rejected"; ```

3. 厳格な型チェックを有効にする

`tsconfig.json`で以下のオプションを有効にしましょう：

```json { "compilerOptions": { "strict": true, "noImplicitAny": true, "strictNullChecks": true } } ```

4. ユーティリティ型を活用する

TypeScriptには便利なユーティリティ型があります：

```typescript // Partial: すべてのプロパティをオプショナルに type PartialUser = Partial;

// Pick: 特定のプロパティだけを選択 type UserBasic = Pick<User, "id" | "name">;

// Omit: 特定のプロパティを除外 type UserWithoutEmail = Omit<User, "email">; ```

5. 関数の戻り値の型を明示する

複雑な関数では、戻り値の型を明示することで可読性が向上します：

```typescript async function fetchUser(id: string): Promise { const response = await fetch(`/api/users/${id}`); return response.json(); } ```

まとめ

これらのベストプラクティスを実践することで、より保守性が高く、バグの少ないTypeScriptコードを書けるようになります。継続的に学習し、コーディングスタイルを改善していきましょう。