/pure-typescript

An original teaching material on TypeScript.

MIT LicenseMIT

TypeScript

事前知識

  • （必須）JavaScript
  • （望ましい）ES6以上の知識

レクチャーの概要

  1. 入門編
    • Definition: TypeScriptの紹介及び前提知識
    • Types: TypeScriptのタイプの種類の紹介
    • Interface: TypeScriptが用意した注釈ツール
    • OOP: TypeScriptの特徴のオブジェクト指向
  2. 応用編
    • Generics: APIやFWなどを開発時によく使われている型引数
    • Enum: JavaScriptでは利用できない列挙型
    • Modularization: モジュール化のあるべき姿
    • Guard: ユニオンタイプを使用時に変数の保護機能
    • DTS: 型定義ファイルの書き方
    • Decorator: デコレータの書き方及び使用方法（作成中）

サンプルコードの実行方法

サンプルコードの実行方法はいくつかがあります。 大前提としてNode.jsが必須です。

Node.jsをダウンロードしてインストールすること

グローバルts-nodeを用いて実行

  1. TypeScriptをグローバルインストールします

    npm i typescript -g

  2. ts-nodeをグローバルインストールします

    npm i ts-node -g

  3. 動作確認: 下記のindex.tsを作成しましょう

    // index.ts
const message: string = 'Hello TypeScript.'
console.log(message);

  4. 実行

    ts-node index.ts

  5. index.tsの内容をサンプルコードに上書きをして動作確認することができます

TypeScriptネイティブHMR統合環境

Parcelを使用したHMR統合環境

実践の概要

作成中、しばらくお待ちください。