【図解で比較】TypeScript vs JavaScript — 型あり・型なしの違いを徹底解説

TypeScriptは、JavaScriptに「型」という仕組みを追加した言語だよ。JavaScriptのコードはそのままTypeScriptでも動くから、「JavaScriptのスーパーセット（上位互換）」って呼ばれてるんだ。

型っていうのは「この変数には数値しか入れちゃダメ」「この関数は文字列を返す」みたいなルールのことだよ。JavaScriptだと変数に何でも入れられちゃうから、うっかり数値のつもりで文字列を渡してバグになる…なんてことが起きるんだ。TypeScriptなら、そういうミスをコードを書いた時点で教えてくれるんだよ。

実はTypeScriptはブラウザでは直接動かないんだ。tscっていうコンパイラを通して、JavaScriptに変換してからブラウザで実行する仕組みだよ。「.tsファイル → tscでコンパイル → .jsファイル → ブラウザで実行」っていう流れだね。

そう思うよね。でもその変換のステップがあるおかげで、実行する前にエラーを見つけられるんだ。それにエディタ（VS Codeなど）がTypeScriptの型情報を使って、自動補完や「ここ間違ってるよ」っていうリアルタイムのエラー表示をしてくれるんだよ。これが開発体験を劇的に良くしてくれるんだ。

そこがTypeScriptのうまいところで、段階的に移行できるんだ。ファイルの拡張子を.jsから.tsに変えるだけでもOKだし、最初は型チェックをゆるくしておいて、少しずつ厳しくしていけるよ。JavaScriptのコードがそのまま動くスーパーセットだからこそできる移行戦略だね。

npmのパッケージはTypeScriptでもJavaScriptでも共通で使えるよ。多くの有名ライブラリは「型定義ファイル（.d.ts）」を同梱してるか、DefinitelyTypedっていうリポジトリで型定義が公開されてるんだ。だからエコシステムはほぼ完全に共有されてるよ。

AngularはTypeScript必須で、最初からTypeScriptで書く前提だよ。ReactやVueもTypeScriptを公式サポートしていて、新規プロジェクトではTypeScriptを選ぶ人がどんどん増えてるんだ。State of JS調査でもTypeScriptの使用率は年々上がっていて、もはや業界のデファクトスタンダードになりつつあるね。

もちろんあるよ。ちょっとしたスクリプトやプロトタイプ、学習目的のコードならJavaScriptのほうが手軽だね。設定ファイルを書かなくていいし、コンパイルも不要だから。小規模で使い捨てのコードにTypeScriptはオーバーキルになることもあるんだ。

いいところに気づいたね。TypeScriptの型システムはチューリング完全って言われるくらい強力で、「型パズル」や「型体操（Type Gymnastics）」って呼ばれる高度なテクニックがあるんだ。Conditional TypeやTemplate Literal Typeを駆使すると、型レベルでパーサーや計算機まで作れちゃう。ただ、やりすぎるとチームメンバーが読めなくなるから、実務ではバランスが大事だよ。

大規模プロジェクトだとtscのコンパイル時間が課題になることはあるね。そこで最近はesbuildやSWCみたいなGo/Rust製の高速トランスパイラを使って、型チェックとトランスパイルを分離するアプローチが主流になってきてるよ。あとDenoはTypeScriptをネイティブでサポートしてて、tscなしで直接実行できるんだ。さらにTC39（JavaScriptの標準化団体）では「型注釈をJavaScriptの構文として認める」提案も進んでいて、将来的にはコンパイル不要でブラウザが型注釈を理解する時代が来るかもしれないよ。

そうだね。今の段階では「チーム開発や中〜大規模プロジェクトならTypeScript、小さなスクリプトならJavaScript」っていう使い分けが王道だよ。どちらもJavaScriptエコシステムの一員だから、片方を学べばもう片方にもスムーズに移れるのが最大の強みだね。