- TypeScript とは
- コーディング規約（ルール／ガイドライン）
- 📁
環境/設定
- tsconfig.json の基本
- Visual Studio Code で TypeScript の開発環境を構築する
- ESLint (1) ESLint を導入する
- ESLint (2) 設定ファイル (.eslintrc) の各プロパティの意味を理解する
- ESLint (3) ESLint + Prettier の設定方法まとめ
- ESLint (4) ESLint の設定方法まとめ (for Next.js 11)
- Jest で TypeScript コードのユニットテストを記述する
- tsc-watch で ts ファイルの変更監視＆アプリの再起動を自動化する
- TypeScript コードを Prettier で自動整形する
- Vite で複数の TypeScript ファイルやリソースファイルを 1 つの JavaScript ライブラリとしてバンドルする
- webpack と TypeScript を組み合わせて使用する
- 厳格な型チェックを有効にする (strict)
- 既存の JavaScript プロジェクトを TypeScript に乗り換える
- 📁 モジュール
- 📁
型／タイプアノテーション
- 基本型（プリミティブタイプ）の一覧
- 変数の型指定（タイプアノテーション）の基本
- 値の型を typeof で調べる
- タプルを定義する (Tuple types)
- 辞書型を定義する (Dictionary)
- 配列を定義する (Array)
- 関数を定義する (function)
- インタフェースを定義する (interface)
- インタフェースのプロパティをオプショナルにする
- インタフェースのプロパティを読み取り専用にする (readonly)
- インタフェースを結合する (交差型: Intersection types)
- クラス定義の基本 (class)
- クラスに static プロパティを定義する
- クラス定数を定義する (static readonly)
- タイプエイリアスを定義する (type)
- リテラル型を定義する (Literal types)
- 共用体を定義する (Union types)
- 列挙型を定義する (enum)
- 既存の JavaScript ライブラリに型情報を追加する（.d.ts ファイル）
- 環境変数 (process.env) 用の型情報を定義する
- 2つの変数の値をスワップする
- TypeScript で undefined/null をうまく扱う (nullish coalescing (??), optional chaining (?.))
- 既存の型をちょっと変えた型を作る（ユーティリティ型）
- 📁 サンプルコード