コードを書く時点で型（データの種類）のミスマッチを警告し、実行前にバグを検出します。コンパイル時に純粋な JS に変換されるため、ブラウザや Node.js（F-80）でそのまま動きます。
技術用語
270
TypeScript
タイプスクリプト
体験区分：触った
推奨読者レベル：Level 2-3
何をしてくれるか
どこで出会うか
VS Code（F-30）や Cursor でプロジェクトを開くと `.ts` ファイルや `tsconfig.json` として目に入ります。AI にコード生成を頼む場面でも「TypeScript で書きますか？」と確認されることがあります。
Before / After
2026.04·ready
「TS の型を Claude に投げると、API の整合性まで一緒に直してもらえます。」
TypeScriptの見方
271
この用語の見どころ
1
役割
JS に型チェックを加えて、実行前にバグを減らす言語拡張です。
2
うれしさ
型推論（type inference）で自動補完が効き、開発スピードが上がります。
3
注意点
`any` 型に逃げると型の恩恵が消えるため、`unknown` で締める習慣が大切です。
4
どこで役立つか
複数人が触る業務 Web アプリや、長期保守するプロジェクトで特に効果的です。
5
はじめに
JS が書ければ型注釈を足すだけで始められ、`tsc` か Vite 経由で動かせます。
6
深掘り先
JavaScript、型推論、tsconfig
非エンジニアのつまずき
- JS すら難しいのに TS と言われてもマジで分からず、とっつきづらい。
- 「TS」と拡張子も変わるし、「上位互換」と言われてもピンと来ない。
- 概念だけ押さえれば充分。
私のコメント
- 第一印象:必要性も分からず辛かったですが、必須の道でした。
- 良い点:型定義が使えて、LLM 前提なら十分活かせます。
- ダメな点:「JS の上位互換」がイメージしづらく初見の印象が悪いです。
- 誰向けか:バイブコーディングで AI に長めのコードを書かせていく人。
開発フローでの位置
環境準備
設定
実装
ビルド
関連用語
F-02·term_tool
バイブコーディング図鑑