cloud9_note

cloud9に限らないメモ

View on GitHub

TypeScript

init

mkdir src

npm install typescript
npm install @types/node

tsconfig.json

{
    "compilerOptions": {
      "lib": ["es2015"],
      "module": "commonjs",
      "outDir": "dist",
      "sourceMap": true,
      "strict": true,
      "target": "es2015"
    },
    "include": [
      "src"
    ]
}

consoleでエラーになる

npm install @types/node

参考

実装例


class Student {
    fullName: string; // 型指定を追加
    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: Person = { firstName: "Jane", lastName: "User" }; // 型を明示的に指定

// DOMが完全に読み込まれてから実行
window.onload = () => {
    document.body.textContent = greeter(user);
};


<!DOCTYPE html>
<html>
  <head>
    <title>TypeScript Greeter</title>
  </head>
  <body>
    <script src="greeter.js"></script>
  </body>
</html>

ビルド

tsc greeter.ts