TypeScriptの始め方
環境構築と実行方法（Bun・Node.js・tsx）

{
  "compilerOptions": {
    "target":     "ESNext",      // 最新のJS構文を出力
    "module":     "ESNext",      // ESモジュール形式
    "moduleResolution": "bundler", // Bun向けの解決方式
    "strict":     true,          // 厳格な型チェックを有効化
    "jsx":        "react-jsx"    // JSX対応（Reactを使う場合に便利）
  }
}

// ① 変数への型注釈
const message: string = "TypeScript、はじめました！";
const year: number = 2025;
const isReady: boolean = true;

console.log(message, year);

// ② 関数への型注釈（引数と戻り値）
function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 7)); // → 10

// ③ 配列とオブジェクト
const fruits: string[] = ["apple", "banana", "cherry"];

const user: { name: string; age: number } = {
  name: "Taro",
  age: 28,
};

console.log(fruits[0], user.name);

# .ts をそのまま実行（コンパイル不要）
bun run index.ts
TypeScript、はじめました！ 2025
10
apple Taro

# ウォッチモード（ファイル保存で自動再実行）
bun --watch run index.ts

{
  "compilerOptions": {
    "target":        "ES2020",   // 出力するJSのバージョン
    "module":        "commonjs", // Node.jsのモジュール形式
    "outDir":        "./dist",   // コンパイル後のJSを出力するフォルダ
    "rootDir":       "./src",    // TypeScriptファイルを置くフォルダ
    "strict":        true,       // 厳格モード（有効にしておくのが吉）
    "noEmitOnError": true        // エラー時はJSを出力しない
  }
}

# src/ 以下の .ts を全部コンパイル → dist/ に .js を出力
npx tsc

# 出力されたJSを実行
node dist/index.js
TypeScript、はじめました！ 2025
10
apple Taro

# 変更を監視して自動コンパイル（開発中に便利）
npx tsc --watch