IT用語: .ts（TypeScriptファイル）とは｜型安全なJavaScriptのスーパーセット

.ts（TypeScript）ファイルとは

.tsはTypeScript言語のソースファイルの拡張子です。TypeScriptはMicrosoftが開発した、JavaScriptに静的型付けを追加したプログラミング言語です。.tsファイルはTypeScriptコンパイラ（tsc）によってJavaScriptに変換（トランスパイル）され、ブラウザやNode.jsで実行されます。

TypeScriptの型システム

// 型アノテーション
function greet(name: string): string {
  return `Hello, ${name}`;
}

// インターフェース
interface User {
  id: number;
  name: string;
  email?: string; // ?はオプション
}

// ジェネリクス
function first<T>(arr: T[]): T | undefined {
  return arr[0];
}

// Union型
type Status = "active" | "inactive" | "pending";

.tsと.tsxの違い

拡張子	用途
.ts	通常のTypeScriptファイル
.tsx	JSX（Reactコンポーネント）を含むTypeScript
.d.ts	型定義ファイル（型情報のみ、実装なし）

なぜTypeScriptが選ばれるか

1. コンパイル時のエラー検出: 実行前に型の不整合を検出
2. IDE補完: 型情報によって精度の高いコード補完が可能
3. リファクタリング安全性: 型変更の影響範囲をコンパイラが追跡
4. ドキュメント代わり: 型がコードの仕様書になる

現代のReact・Vue・Angular・Next.js・AstroプロジェクトではTypeScriptがデフォルトになっています。