メインコンテンツにスキップ
eLearner.app

インタラクティブコース

TypeScriptコース

JavaScript の型付きスーパーセットである TypeScript をマスターします。プリミティブ型、インターフェイス、型エイリアス、共用体型、型の絞り込み、およびジェネリック プログラミング (ジェネリックス) を使用して、より安全で堅牢なコードを作成する方法を学びます。

キーワードによる静的検証 + 公式での実行TypeScript Playground(ワンクリックでコードをコピーして開きます)。

01 · モジュール 1 — TypeScript の基礎

2 レッスン

型システムの基礎: プリミティブ型、関数パラメーター、配列、およびタプルのアノテーション。

  1. 1.1プリミティブ型とアノテーションコンパイル時のバグを防ぐために変数や関数に明示的な型アノテーションを追加する方法を学びます。~10 min
  2. 1.2配列とタプル同種のコレクション (配列) と固定長、固定要素のタプルを操作します。~10 min

02 · モジュール 2 — タイプとインターフェイス

2 レッスン

インターフェイスとエイリアスを使用して複雑なデータ形状を作成し、柔軟なユニオン型を操作します。

  1. 2.1型エイリアスとインターフェイスインターフェイスとタイプ エイリアスを使用してオブジェクト シェイプを定義する場合の違いを理解します。~12 min
  2. 2.2結合と縮小複数の型を受け入れ (Union Types)、実行時に型を絞り込む (Type Narrowing) 変数を操作します。~15 min

03 · モジュール 3 — ジェネリックスと関数

2 レッスン

オプションのパラメータを備えた関数、関数型シグネチャ、およびジェネリックの強力な世界。

  1. 3.1型付き関数オプションのパラメータを指定し、複雑なシグネチャを定義し、関数タイプの定義をエクスポートします。~12 min
  2. 3.2ファンダメンタルズジェネリック関数とインターフェイスのジェネリック型パラメーターを使用して、再利用可能でタイプセーフなコードを作成します。~15 min

04 · モジュール 4 — クラスとユーティリティのタイプ

2 レッスン

クラスと組み込みユーティリティ型を使用して既存の型を変換するオブジェクト指向プログラミング。

  1. 4.1クラスと修飾子アクセス修飾子 (public、private、readonly) を使用してクラスを作成し、インターフェイスを実装します。~15 min
  2. 4.2ユーティリティの種類Partial、Readonly、Pick、Omit を使用して既存の型を簡素化し、再利用します。~15 min

05 · モジュール 5 — 高度なタイプとガード

2 レッスン

カスタム型ガード、リテラル型、型アサーション、テンプレート リテラル型を使用して型システムについての理解を深めます。

  1. 5.1タイプガード安全な絞り込みのために型述語を使用してカスタム型ガードを作成する方法を学びます。~15 min
  2. 5.2リテラルの型とアサーションas および as const を使用して、実行時に正確なリテラル型、テンプレート リテラル型、およびアサート型を操作します。~15 min

06 · モジュール 6 — 条件付きタイプとマップされたタイプ

2 レッスン

動的タイプを作成し、条件付きタイプ、推論演算子、およびマップされたタイプを使用して既存のタイプを変換する方法を学びます。

  1. 6.1条件付きタイプと推論型の三項演算子 (T extends U ? X : Y) の使用方法と、推論を使用して動的型を抽出する方法を学びます。~15 min
  2. 6.2マップされた型既存の型のキーをマッピングして、新しい型を変換および作成します ({ [K in keyof T]: ... })。~15 min

07 · モジュール 7 — 構成と統合

2 レッスン

tsconfig.json を使用して TypeScript コンパイラーを構成し、宣言のマージによって既存の型を拡張する方法を説明します。

  1. 7.1tsconfig.jsonによる設定ターゲット、モジュール、厳密などの tsconfig.json ファイルの主要なオプションと、それらがコンパイルに与える影響を確認します。~12 min
  2. 7.2宣言とマージ外部ライブラリを拡張し、宣言マージを使用して宣言ファイル (.d.ts) を作成します。~15 min