TypeScriptをはじめてみる
TypeScriptの雰囲気を掴むために、5分でできるチュートリアルをやってみる。
環境の準備
PC環境は汚したくないので、dockerで環境を作る。
#{APP_DIR}/docker-compose.yml に以下を書く
version: '3'
services:
node:
image: node
volumes:
- "./:/var/app"
tty: true
コンテナを起動してログインする
docker-compose up docker-compose exec node /bin/bash
TypeScriptをインストール
cd /var/app npm install -g typescript
TypeScriptを書いていく
#{APP_DIR}/greeter.ts を書いていく
// クラスの定義
class Student {
// プロパティの宣言
fullName: string;
// コンストラクタ
// "引数名: 型" で引数の型指定ができる
// 引数にpublicをつけることでプロパティとなる
constructor(public firstName: string, public middleInitial: string, public lastName: string) {
this.fullName = firstName + " " + middleInitial + " " + lastName;
}
}
// インターフェースの定義
interface Person {
firstName: string;
lastName: string;
}
function greeter(person: Person) {
return "Hello, " + person.firstName + " " + person.lastName;
}
// let user = { firstName: "Jane", lastName: "User"};
let user = new Student("Jone", "M.", "User");
document.body.innerHTML = greeter(user);
トランスパイルする
以下のコマンドでトランスパイルできる。 同じディレクトリにjsファイルができる。
tsc greeter.ts
