TypeScript環境構築 on Mac

Macを使用してTypeScriptの開発環境を構築する際の手順を紹介します。以下のステップに従って、スムーズにTypeScriptプロジェクトを開始できます。

1. Node.jsのインストール

まず最初に、Node.jsをインストールします。Homebrewを使用してインストールすることができます。

brew install node

2. npmのアップデート

Node.jsがインストールされたら、npm（Node Package Manager）を最新のバージョンにアップデートします。

npm install -g npm

3. TypeScriptのグローバルインストール

次に、TypeScriptをグローバルにインストールします。

npm install -g typescript

4. プロジェクトの初期化

TypeScriptのプロジェクトを始めるには、プロジェクトディレクトリを作成し、以下のコマンドを実行します。

mkdir my-ts-project
cd my-ts-project
npm init -y

5. TypeScriptとtsconfig.jsonの設定

TypeScriptファイル（.ts）を作成し、必要な依存関係をインストールします。また、tsconfig.jsonファイルをプロジェクトルートに作成します。

touch index.ts
npm install --save-dev @types/node typescript
touch tsconfig.json

tsconfig.jsonの例:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true
  }
}

6. スクリプトの追加

package.jsonにTypeScriptのコンパイルと実行用のスクリプトを追加します。

"scripts": {
  "start": "tsc && node dist/index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
}

これで、TypeScriptの開発環境がMacにセットアップされました。npm startを実行して、TypeScriptファイルがコンパイルされ、プロジェクトが正常に実行されることを確認してください。