[Sy] はじめての TypeScript

2018/02/27

今後は TypeScript を使っていきたいなーと思ってます。まずは「Hello TypeScript!」とコンソールに出力するサンプルを作ってみます。

1. TypeScript をインストール

まずは作業ディレクトリを作成し、移動しておきます。

$ mkdir hello-typescript
$ cd hello-typescript

TypeScript をインストールします。（今回はグローバルではなく、作業ディレクトリの下に入れます）

$ yarn add typescript
・
・
success Saved 1 new dependency.
└─ typescript@2.7.2
✨  Done in 10.06s.

以下のように app.ts というファイルを作成します。

$ vim app.ts

(app.ts)

let msg = 'Hello TypeScript!';
console.log(msg);

app.ts を以下のようにトランスパイルし、JavaScript のコードを生成します。

$ ./node_modules/.bin/tsc app.ts

体感で 1〜2秒程度待つと、トランスパイルが終わって app.js というファイルが生成されます。

$ ls app*
app.js	app.ts

app.js を見てみると、

(app.js)

var msg = 'Hello TypeScript!';
console.log(msg);

let が var に変わっているのがわかります。

ではトランスパイルして生成された app.js を実行してみます。

$ node app.js
Hello TypeScript!

このように出力されればOKです。