tsconfig.jsonを読んでみる

なぜ学ぶか： AIが作ったプロジェクトには設定ファイルがいくつも入っています。全部理解する必要はありません。「これが何のファイルで、どの行が効いているか」を調べられれば、恐怖心は消えます。

実物のtsconfig.json

// tsconfig.json（抜粋・コメント付き）
{
  "compilerOptions": {
    // 厳しくチェックする（常に true 推奨）
    "strict": true,

    // "@/..." で src/ からの読み込みを短く書けるようにする設定
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

コード中のimport { Button } from "@/components/Button"の「@」は、この設定が作った近道です。謎の記号にも必ず種明かしがあります。