【TypeScript】インストールの方法。Node.jsは必須なのか？

TypeScriptを使用するために、まずはコンピューターにインストールをしてみます。
そう思ってインストール方法を調べると、当たり前のようにNode.jsをインストールするように書かれています。
理由もわからずに入れるのはプログラマーとしては避けたいところ。

そこでNode.jsが必要な理由を明確にしてから、TypeScriptをインストールする方法をお伝えします。

Node.jsを使用していない、例えばブラウザ上のWebアプリ開発を行っている側からすると、「どうして使わないものを入れないといけないんだ」と思って、他の方法がないか調査するのは当然の心理です。

だからTypeScriptのインストール方法を解説するなら、Node.jsが必要な理由も書くべきじゃないのかな…と思います。

TypeScriptインストールにNode.jsが必要な理由

TypeScriptのインストールは Node.jsに含まれる npmコマンドで行います。
その npm を取得するために、Node.jsが必要と解説されていることが多いです。

しかし実際は、TypeScriptはNode.jsで動作するJavaScriptコードだったりします。
だからNode.jsが無いとTypeScriptを使用できないのです。

Node.jsのインストール

ということで、Node.jsはプログラム開発で使っても使わなくて必要でした。
スッキリしたところで、次のリンク先を参照してコンピューターにNode.jsをインストールしましょう。

Node.jsの確認

次のコマンドを実行して、Node.jsがインストールされたか確認します。

> node -v
v16.7.0

コマンドが実行できなかったりインストールしたバージョンと異なるときは、環境変数PATHに今回インストールしたディレクトリ（フォルダ）が含まれていない可能性があります。
環境変数PATHを確認して、追加や変更をしてください。

Node.jsをインストールしたら、次のコマンドでTypeScriptをグローバルインストールします。

> npm install -g typescript

-gを付けると、npmのグローバルディレクトリにインストールされて、実行用のコマンドが生成されます。
-gを付けない場合はローカルにインストールされ、実行用のコマンドが生成されないので注意しましょう。

エラーが出なければインストール完了です。

インストールできたら、次のコマンドでバージョンを確認します。

> tsc -v
Version 1.0.3.0

最新版がインストールされているはずです。
最新のバージョンは、次のページで確認してください。

2022年10月時点では、バージョン4.8.4が最新ですね。

> npx tsc -v

tscコマンドが実行できなかったりバージョンが古いときは、環境変数のPATHが正しくない可能性があります。

次のコマンドでグローバルインストール先を確認します。

>npm root -g
C:\Users\aaaa\AppData\Roaming\npm\node_modules

PATHを変更する前に、このディレクトリにtypescriptという名前のディレクトリがあるか確認しましょう。
ないときは、インストール時に -g を忘れている可能性があります。
もう一度、-g を付けてインストールしてください。

確認出来たら、上記のパスを環境変数に追加します。

tscコマンドのバージョンが古いときは、tscコマンドが他のディレクトリにインストールされています。
whereやwhichコマンドでコマンドの位置を確認して、環境変数から削除してください。

TypeScriptファイルをJavaScriptファイルに変換することをトランスパイルといいます。
tscは、このトランスパイルを行うツールです。

使用方法は次の記事で紹介しているので、参考にしてみてください。