5 TypeScriptを試す

この章では、TypeScriptを迅速に試すためのヒントを提供します。

5.1 TypeScript Playground

TypeScript Playgroundは、TypeScriptコード用のオンラインエディタです。機能は次のとおりです。

• 完全なIDEスタイルの編集をサポート: 自動補完など
• 静的型のエラーを表示します。
• TypeScriptコードをJavaScriptにコンパイルした結果を表示します。また、その結果をブラウザで実行することもできます。

Playgroundは、簡単な実験やデモに非常に便利です。TypeScriptコードスニペットとコンパイラ設定の両方をURLに保存できるため、そのようなスニペットを他の人と共有するのに最適です。以下はそのようなURLの例です。

https://typescript.dokyumento.jp/play/#code/MYewdgzgLgBFDuBLYBTGBeGAKAHgLhmgCdEwBzASgwD4YcYBqOgbgChXRIQAbFAOm4gyWBMhRYA5AEMARsAkUKzIA

5.2 TS Node

TS Nodeは、TypeScriptバージョンのNode.jsです。ユースケースは次のとおりです。

• TS Nodeは、TypeScript用のREPL（コマンドライン）を提供します。

  $ ts-node
  > const twice = (x: string) => x + x;
  > twice('abc')
  'abcabc'
  > twice(123)
  Error TS2345: Argument of type '123' is not assignable
  to parameter of type 'string'.

• TS Nodeにより、一部のJavaScriptツールがTypeScriptコードを直接実行できるようになります。自動的にTypeScriptコードをJavaScriptコードにコンパイルしてツールに渡すため、何もする必要はありません。次のシェルコマンドは、JavaScriptユニットテストフレームワークMochaでそれがどのように機能するかを示しています。

  mocha --require ts-node/register --ui qunit testfile.ts

npx ts-nodeを使用して、インストールせずにREPLを実行します。