概要


ドキュメント


TypeScriptとは

JavaScriptへコンパイルして使う

型検査できる

例: 型推論により、コンパイルエラー

let x = 123
x = '987'
console.log(x)
index.ts:2:1 - error TS2322: Type 'string' is not assignable to type 'number'.

インストール、プロジェクト作成

作成するもの

専用のディレクトリで作業

project=my-typescript
mkdir $project; cd $project

npmのプロジェクト開始

package.json作成

npm init --yes

TypeScriptインストール

npm install typescript

tscコマンドを直接実行したいとき

グローバルにインストールしたいとき

npm install -g typescript

npm runサブコマンドを作る

package.json

  "scripts": {
    // 追加
    "compile": "tsc",
    "start": "tsc && node dist/",
  },

TypeScript設定: tsconfig.json

tsc --initコマンドで生成

JavaScript生成先

  "compilerOptions": {
    // 追加
    "outDir": "dist/",
  }

index.ts作成

console.log('Hello, TypeScript!')

コンパイルと実行

npm start
> my-typescript@1.0.0 start /path/to/my-typescript
> tsc && node dist/

Hello, TypeScript!

コンパイルの前後

TypeScript

let x: number = 123 // 型の指定
x = '987'
console.log(x)
index.ts:2:1 - error TS2322: Type 'string' is not assignable to type 'number'.

JavaScript

"use strict";
var x = 123; // 型の指定
x = '987';
console.log(x);