📐 2.4 TypeScript の基本（型注釈、interface、type、union / intersection）

📝 【要点】

• TypeScript ＝ JavaScript に「型」をつけて安全にする仕組み
• 何が入るのか？ 何を返すのか？ がはっきりわかる
• → Vue の props や ref にも使われている
• 「データ設計」のために必要な道具
• → わかっているだけで バグを防げる / チーム開発でも安心

🔧 変数の型注釈（アノテーション）

const count: number = 0;            // ← 数値型
const name: string = 'Alice';       // ← 文字列型
const isActive: boolean = true;     // ← 真偽値

💡 TypeScript では「何が入るか」を明確にできる → 間違いにすぐ気づける！

🛠️ 関数の引数と戻り値にも型をつける

function greet(name: string): string {
  return `Hello, ${name}!`;
}

🏗️ オブジェクトの型 → interface を使う