※本ページにはプロモーション(広告)が含まれています
JavaScriptに静的型付けを追加したプログラミング言語。大規模開発で型安全性とエディタ補完などツール支援が強化される拡張版。
詳しい解説
TypeScriptは、Microsoftが開発したオープンソースのプログラミング言語で、JavaScriptに『型』の概念を足したものです。JavaScriptのすべての構文をそのまま書きつつ、変数・関数の引数・戻り値などに型を付けられるため、記述段階でエラーを発見でき、エディタの補完も格段に強化されます。
拡張子は `.ts` で、ブラウザやNode.jsはTypeScriptを直接実行できないため、`tsc` というコンパイラで事前にJavaScriptに変換(トランスパイル)して実行します。型情報はコンパイル後には消えるため、実行時のパフォーマンスに影響しないのが特徴です。
JavaScriptで発生しがちな『typeof undefined エラー』『プロパティ名のタイプミス』『引数の型違い』といった動的型付け特有の罠を、コーディング段階で検出できるのが最大のメリットです。VS Codeとの親和性も非常に高く、関数を呼び出すときに引数名・型・説明がポップアップで表示されるため、ドキュメントを見に行かなくてもコーディングが進みます。
近年はフロントエンド(React・Vue・Next.js)もバックエンド(Node.js・Deno・Bun)もTypeScriptで書くのが標準になりつつあり、npmで配布されるライブラリの多くも型定義ファイル(.d.ts)を同梱しています。学習コストはありますが、規模が大きくなるほどメンテナンス性で差が出るため、中〜大規模プロジェクトでは事実上の標準言語です。
複数人で1年以上開発するWebアプリを考えてみてください。JavaScriptだとリファクタ時に『この関数の引数、誰が何を渡してるんだっけ…』と全ファイル検索が必要ですが、TypeScriptなら型で追跡でき、変更の影響範囲もエディタが即座に教えてくれます。1行書き換えるたびにコンパイルエラーで『あと3箇所直してね』と警告してくれるため、バグを埋め込むリスクが劇的に減ります。
別の呼び方
TS
型付きJavaScript
minto.tech スマホ(Android/iPhone)・PC(Mac/Windows)の便利情報をお届け! 月間アクセス160万PV!スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら!