zzw890827/pure-typescript

An original teaching material on TypeScript.

TypeScript

• Version: 4.1.3
• 公式サイト

事前知識

• （必須）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統合環境

• 場所

実践の概要

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