0Pricing
TypeScript Academy icon

TypeScript Academy

TYPESCRIPTFrontendWebBackendMobileGamesBeginnerAndroidIosEnterpriseDesktopScripting

TypeScript Academy のレッスンを通じて、JavaScript プロジェクトに TypeScript を取り入れましょう。

🤖 AI 搭載📚 101 コース👥 100,000+ ユーザー⭐ 4.9 評価
コース概要

TypeScript: JavaScript エコシステム全体のための静的型付け

TypeScript は Microsoft が提供し、Google が大規模に採用し、ほとんどの最新 React、Node.js、Next.js プロジェクトがデフォルトで導入している言語です。プレーン JavaScript にコンパイルされながら、静的型システムを追加することで、実行時の前に大量のバグを検出します — API レスポンスの不一致、オプショナルフィールドへの null アクセス、関数シグネチャの誤り、その他多くの問題が対象です。このトラックは最初の型からコンパイラの内部まで TypeScript をカバーし、A1 から C2 までのすべてのレベルにわたる 106 コースで構成されています。

学習内容

string、number、boolean、unknown、never から始めて、インターフェース、型エイリアス、ユニオン型と交差型、ジェネリクス、Partial、Pick、Omit、Record などのユーティリティ型へと進みます。中級トピックには型の絞り込みと型ガード、判別ユニオン、マップ型、テンプレートリテラル型、デコレーター、Zod によるランタイム検証が含まれます。TypeScript を実際のスタックに適用します — React のプロップとフック、Express API、Node.js、Next.js、GraphQL、tRPC、型安全 ORM です。上級コースは条件付き型、infer キーワード、再帰的および自己参照型、ブランド型/名義型、可変長タプル、宣言ファイルの作成、プロジェクト参照を使用したモノレポ全体の end-to-end 型安全性をカバーします。

学習パス

106 コースは A1 から C2 まで連続的に進行します。A1 と A2 のコースは基礎を確立します: 基本型、関数、配列、タプル、列挙型、readonly、オプショナルチェーン、null 合体演算子です。B1 はクラス、モジュール、ストリクトモード、tsconfig のベストプラクティス、ジェネリクス、DOM と Fetch API の安全な操作を紹介します。B2 は制約と条件付き型を伴う高度なジェネリクス、デコレーター、Jest を使用したテスト、モノレポ設定、JavaScript からの移行へと進みます。C1 コースは再帰的型、infer キーワードと複雑な条件付き型、カスタムユーティリティ型の作成、型レベルプログラミングの基礎、型安全な国際化、高度な React パターンをカバーします。トラックは C2 で TypeScript Compiler API の内部、型レベルの演算、高階型シミュレーション、型安全パーサーの構築、TypeScript 型を使用した DSL の構築、Effect-TS で終わります。

仕組み

各コースは短く焦点を絞ったレッスンに分かれており、リアルタイムフィードバックを備えた組み込みコードエディターで完了できます。困ったときはいつでも AI チューターが利用でき、すべての概念は受動的な読書ではなく実践的な演習で即座に強化されます。

学習を始める →

学び方

🎯
インタラクティブレッスン
リアルタイムフィードバック付きの実践的なコード演習
🤖
AIチューター
わからないときは、AIが即座にサポート
💻
組み込みエディタ
ブラウザで直接コードを書いて実行
🏆
認定資格
コース完了時に認定資格を取得
カリキュラム

101コース

TypeScript Academyラーニングパスのすべてのコース

01

TypeScript入門

A13レッスン

このコースでは、JavaScriptを基盤に型を追加した強力な言語、TypeScriptを紹介します。TypeScriptとは何か、なぜ使われるのか、開発環境をどのように設定するのかを学びます。コースの終わりには、初めてのTypeScriptプログラムを書き、実際に動かして確認…

02

TS入門:概念とセットアップ

A13レッスンPRO

わかりやすい概念説明と簡単なセットアップでTypeScriptを始め、最初のビルドと実行を体験します。TSによって安全性と開発者体験が向上する理由を学びます。

03

TypeScriptとJavaScriptの違い:型が重要な理由

A14レッスンPRO

TypeScriptが生まれた理由、静的型付けによって早期にバグを発見できる仕組み、通常のJavaScriptよりTypeScriptを選ぶべき場面を学びます。

04

基本型:string、number、boolean、any、unknown

A14レッスンPRO

TypeScriptの基本的なプリミティブ型を習得し、anyの危険性を理解します。unknownのほうが安全な理由も学びます。

05

型と変数の基礎

A13レッスンPRO

TypeScriptの変数と型の仕組みを学びます。プリミティブ型、型推論、アノテーションを扱います。

06

TypeScriptの配列・タプル・列挙型

A24レッスンPRO

配列に型を付け、固定長タプルを定義し、名前付き定数の集合として列挙型を使う方法を学びます。

07

関数と型アノテーション

A24レッスンPRO

関数の引数と戻り値に型を付け、オプション引数を使い、TypeScriptでアロー関数を書く方法を学びます。

08

リテラル型とconstアサーション

A24レッスンPRO

リテラル型とconstアサーションを使って値を正確な型に固定し、精密で自己文書化されたコードを記述します。

09

unknown、never、void型

A24レッスンPRO

不確実性、不可能性、値の不在を安全に扱うためのTypeScriptの特殊な型を使いこなします。

10

型アサーションとキャスト

A24レッスンPRO

型アサーションで自分が把握している情報をコンパイラーに伝え、安全な場面と危険な場面を見分けられるようになります。

11

オプショナルチェーンとNull合体演算子

A24レッスンPRO

オプショナルチェーンとNull合体演算子を使って、簡潔でnull安全なコードを記述します。

12

readonlyと不変性の基礎

A24レッスンPRO

プロパティ、配列、構造体をreadonlyとして指定し、意図しない変更を防ぎます。

13

インターフェースと型エイリアス

A24レッスンPRO

インターフェースと型エイリアスでオブジェクトの形状を定義し、それぞれの違いを理解して、契約を適用します。

14

ユニオン型とインターセクション型

A24レッスンPRO

ユニオン(|)演算子とインターセクション(&)演算子で型を柔軟に組み合わせ、現実のデータ構造をモデル化します。

15

型アノテーション付きデストラクチャリング

A24レッスンPRO

デストラクチャリングした値に正しくアノテーションを付け、型付きデストラクチャリングで起こりやすい問題を回避します。

16

型付きRestとSpread

A24レッスンPRO

柔軟で安全なAPIのために、可変長引数関数、Spread操作、Rest要素に型を付けます。

17

制御フローと関数の基礎

A23レッスンPRO

TypeScriptの基本的な制御フローを身につけます。if/else、switch、ループ、truthyチェックと厳密比較の違いを学びます。

18

コース A1.4 — オブジェクトとインターフェース I

A23レッスンPRO

TypeScriptでオブジェクトをモデル化する方法を学びます。オブジェクト型、省略可能プロパティ、readonlyプロパティ、インデックスシグネチャを扱います。

19

コース A1.5 — 配列、タプル、列挙型

A23レッスンPRO

TypeScriptのコレクションである配列、タプル、列挙型について学びます。型アノテーションを使って、効果的かつ安全に扱う方法を身につけます。

20

クラスとアクセス修飾子

B14レッスンPRO

クラス、コンストラクター、public・private・protectedなどのアクセス修飾子を使って、オブジェクト指向のTypeScriptコードを構築します。

21

型のナローイングと型ガード

B14レッスンPRO

typeof、instanceof、カスタム型ガード関数を使い、条件分岐ブロック内でTypeScriptが型を絞り込む仕組みを学びます。

22

TypeScriptのジェネリクス入門

B14レッスンPRO

型パラメーターを使ったTypeScriptのジェネリクスで、再利用可能かつ型安全な関数とデータ構造を書きます。

23

TypeScriptのモジュールと名前空間

B14レッスンPRO

ESモジュールと再エクスポートでTypeScriptコードを整理し、名前空間を使うべき場面を理解します。

24

インデックスシグネチャと動的オブジェクト

B14レッスンPRO

インデックスシグネチャを使って未知のキーを持つオブジェクトに型を付け、安全性を保ちます。

25

typeof演算子とkeyof演算子

B14レッスンPRO

TypeScriptの強力な型演算子を使って、既存の値やキーから型を導き出します。

26

型安全な文字列パターン

B14レッスンPRO

テンプレートリテラル型で構造化された文字列をモデル化し、コンパイル時に文字列形式を保証します。

27

ユーティリティ型:Partial、Required、Pick、Omit、Record

B14レッスンPRO

TypeScript組み込みのユーティリティ型を使いこなし、同じ型定義を繰り返さずに型を変換・合成します。

28

TypeScriptのエラーハンドリングパターン

B14レッスンPRO

try/catchの先へ進み、型付きエラー階層、Result型、TypeScriptアプリケーションでの安全なエラー伝播を学びます。

29

Strictモードとtsconfigのベストプラクティス

B14レッスンPRO

StrictモードでTypeScriptの力を最大限に引き出し、すべてのstrictフラグを理解して、実際のプロジェクト向けにtsconfigを設定します。

30

Zodによるランタイム検証

B14レッスンPRO

Zodスキーマで外部データを検証し、コンパイル時と実行時の安全性を橋渡しします。

31

型安全な構成管理

B14レッスンPRO

アプリケーションの設定と環境変数に型を付けて検証し、設定ミスを早期に検出します。

32

ナローイングと型ガード I

B13レッスンPRO

typeof 、 等価性チェック 、 truthiness のルールを使ってTypeScriptが型を絞り込む仕組みを学び、より安全なコードを書きます。

33

関数 IIとオーバーロード

B13レッスンPRO

関数をさらに深く掘り下げます。オーバーロード、呼び出しシグネチャ、表現力の高いAPI設計を扱います。

34

ジェネリクス I:関数

B13レッスンPRO

ジェネリクス を使って再利用可能な関数を書きます。型パラメーターに制約を設け、デフォルトを設定し、強力な型推論を保ちます。

35

ジェネリクス II:型とインターフェース

B13レッスンPRO

ジェネリックインターフェース と 型エイリアス で再利用可能な形をモデル化します。制約、デフォルト、それぞれの違いを学びます。

36

モジュールと宣言

B13レッスンPRO

TypeScriptのES Modulesを身につけます。名前付きエクスポートとデフォルトエクスポート、インポート、クリーンなAPIのための再エクスポートパターン(barrel)を扱います。

37

TS + DOM

B13レッスンPRO

ブラウザーのDOMでTypeScriptを使います。DOMライブラリの型、querySelector、strict null checks、イベント、よく使うパターンを扱います。

38

FetchとJSONを安全に扱う

B12レッスンPRO

強い型付けでfetchを使い、ジェネリクスでJSONを解析し、APIレスポンスを安全に処理する方法を学びます。

39

Lintとフォーマット

B13レッスンPRO

ESLintとフォーマットツールでTypeScriptプロジェクトを整然と保ちます。一貫性を強制し、バグを早期に発見します。

40

高度なジェネリクス:制約と条件型

B24レッスンPRO

keyof制約、条件型のロジック、分配型ジェネリクスのパターンを使って、基本的なジェネリクスの先へ進みます。

41

Mapped TypesとTemplate Literal Types

B24レッスンPRO

Mapped Typesで既存の型をプログラム的に変換し、Template Literal Typesで文字列パターンの型を構築します。

42

TypeScriptのデコレーター

B24レッスンPRO

実験的なクラスデコレーターと、NestJSやAngularなどのフレームワークがメタデータ駆動プログラミングにデコレーターを使う方法を学びます。

43

ReactとTypeScript:PropsとHooks

B24レッスンPRO

TypeScriptでReactコンポーネント、props、イベントハンドラー、hooksを正しく型付けし、信頼性の高いReactアプリケーションを構築します。

44

Node.jsとExpressで使うTypeScript

B24レッスンPRO

Node.jsプロジェクトにTypeScriptを導入し、Expressのルートとミドルウェアを型付けして、リクエスト/レスポンスオブジェクトを安全に扱います。

45

TypeScriptで型安全なAPIクライアントを作る

B24レッスンPRO

完全に型付けされたHTTPクライアントを構築し、実行時にAPIレスポンスを検証して、ZodやOpenAPI codegenなどのツールを使います。

46

JestでTypeScriptをテストする

B24レッスンPRO

TypeScript向けにJestを設定し、型安全なテストを作成して、モジュールを正しくモックし、型アサーションにexpectTypeOfを使います。

47

判別可能なユニオンと網羅性

B24レッスンPRO

判別可能なユニオンでバリエーションのあるデータをモデル化し、網羅性チェックで完全な処理を保証します。

48

satisfies演算子

B24レッスンPRO

satisfiesを使って値が型に適合することを検証しながら、推論された狭い型を維持します。

49

型安全なイベントシステム

B24レッスンPRO

イベント名とペイロードをコンパイル時に検査できる、厳密に型付けされたイベントエミッターを構築します。

50

型安全なビルダーパターン

B24レッスンPRO

型システムによって必須の手順と正しい構築順序を保証する、流れるようなビルダーを実装します。

51

TSの関数型プログラミングパターン

B24レッスンPRO

完全な型推論を活用しながら、カリー化、合成、パイプラインなどの関数型テクニックを適用します。

52

TypeScriptの依存性注入

B24レッスンPRO

依存性注入と型安全なIoCコンテナによってコンポーネントを疎結合にします。

53

Result型とOption型

B24レッスンPRO

例外を投げる代わりに明示的なResult型とOption型を使い、予測しやすいエラーハンドリングを実現します。

54

高度な型

B24レッスンPRO

TypeScriptの型システムをさらに深く学びます。配列、タプル、ユニオン、インターセクション、列挙型、リテラル型を扱い、複雑なデータ構造を柔軟かつ容易に扱えるようにします。

55

非同期処理とPromise

B23レッスンPRO

Promise<T> と async/await を自信を持って扱えるようになります。型、チェーン、エラー処理を学びます。

56

TS + Node.js

B22レッスンPRO

TypeScriptがNode.jsと連携する仕組みを学びます。型定義、モジュールシステム(ESMとCJS)、実践的なセットアップを扱います。

57

tsconfig徹底解説

B23レッスンPRO

TypeScriptコンパイラーのオプションを身につけます。strict関連のフラグ、モジュールと出力の設定、プロジェクト構成を扱います。

58

ビルドとバンドラー

B23レッスンPRO

tscのemitの仕組み、--noEmitを使う場面、バンドラーとTypeScriptの連携方法を理解します。

59

TypeScriptのテスト

B23レッスンPRO

最新のテストランナーでTypeScriptをテストします。高速で信頼できるフィードバックを得るため、VitestとJestを正しくセットアップします。

60

TypeScriptでモノレポを構築する

B24レッスンPRO

project references、パスエイリアス、pnpm workspacesなどのパッケージマネージャーを使って、TypeScriptのモノレポを設定します。

61

GraphQLとTypeScript

B24レッスンPRO

GraphQLスキーマからTypeScriptの型を生成し、型付きresolverを記述して、codegenツールによるエンドツーエンドの型安全性を実現します。

62

型安全な状態管理

B24レッスンPRO

Redux Toolkit、Zustand、XStateの状態管理パターンにTypeScriptを適用し、予測可能なアプリケーション状態を実現します。

63

移行:JavaScriptからTypeScriptへ

B24レッスンPRO

allowJs、JSDocの型、そして安全な移行戦略を使って、既存のJavaScriptコードベースへ段階的にTypeScriptを導入します。

64

TypeScript 5.xの新機能

B24レッスンPRO

decorators、const型パラメーター、variadic tupleの改善など、TypeScript 5.xの最新機能を学びます。

65

tRPCによるエンドツーエンドの型安全性

B24レッスンPRO

tRPCを使ってクライアントとサーバーの間で型を自動的に共有し、完全に型安全なAPIを構築します。

66

React + TypeScriptの基礎

B23レッスンPRO

TypeScriptでReactを学びます。型付けされたprops、イベント、ref、実際のアプリに適した安全なコンポーネントパターンを扱います。

67

Express + TS API

B23レッスンPRO

ExpressとTypeScriptで型付きREST APIを構築します。ハンドラー、パラメーター、ボディ、JSONレスポンスに正確な型を付けます。

68

Next.js + TSの基礎

B23レッスンPRO

TypeScriptでNext.js App Routerを学びます。サーバーコンポーネントとクライアントコンポーネント、型付きルートハンドラー、安全なデータ受け渡しを扱います。

69

JavaScriptとJSDocの相互運用

B21レッスンPRO

JSDocを介してJavaScriptプロジェクトでTypeScriptを使います。 // @ts-check でチェックを有効にし、JSDocで注釈を付け、安全に移行します。

70

コース D2.2 — 実行時の安全性

B22レッスンPRO

TypeScriptで実行時のデータ安全性を高めます。zod/valibotで入力を検証し、スキーマから型を推論し、安全な形をアプリ全体に伝播させます。

71

コース D2.3 — エラー処理パターン

B22レッスンPRO

堅牢なエラー処理を取り入れます。Result/Either型、判別可能なユニオン、網羅的なチェックを使って、失敗の見逃しを防ぎます。

72

再帰型と自己参照型

C14レッスンPRO

自身を参照する型を定義し、ツリー、ネストしたJSON、リンク構造をモデル化します。

73

高度なTypeScript概念 - I

C14レッスンPRO

ジェネリクス、ユーティリティ型、型ガードなどの高度な概念を学び、TypeScriptのスキルを次のレベルへ引き上げます。型安全性を保ちながら、より柔軟で再利用可能なコードを書く力を身につけます。

74

TypeScriptの高度な概念 - II

C13レッスンPRO

TypeScriptが型を推論する仕組みと、明示的な型注釈を減らしてコードを効率化する方法を理解します。コンテキスト型付けの仕組みを学び、開発者体験を向上させながらコンパイル時にエラーを検出できるようになります。

75

TypeScriptの高度な概念 - III

C13レッスンPRO

TypeScriptの高度な機能を掘り下げ、より効率的で柔軟、かつ保守しやすいコードを作成するためのツールを学びます。基礎を終えてさらに先へ進みたい開発者に適したカテゴリーで、高度な型操作、強化された型安全性、モジュール化されたコード構成などの強力なテクニックを扱います。 ke…

76

TypeScriptの高度な概念 - IV

C13レッスンPRO

TypeScriptプロジェクトの堅牢性、柔軟性、保守性を高める高度なツールとテクニックを学びます。strict null checkingによるnull安全性の確保から、型の動的な作成、モジュールの拡張まで、効率的で信頼性の高いコードを保ちながら、高度なプログラミング課題に取…

77

TypeScriptの高度な概念 - V

C13レッスンPRO

効率的で柔軟、かつ堅牢なTypeScriptコードを書く力を高める、強力な概念を学びます。型の絞り込みや条件型に関する高度なテクニックの習得から、洗練されたクラス機能の探究まで、複雑なプログラミング課題に自信と正確さを持って取り組むためのスキルを身につけます。

78

TypeScriptの高度な型推論

C14レッスンPRO

コンテキスト型付け、型の拡大、freshnessなど、複雑な状況でTypeScriptが型を推論する仕組みを理解します。

79

inferキーワードと複雑な条件型

C14レッスンPRO

inferキーワードを使って条件型の位置から型を抽出し、強力な型レベルユーティリティを構築します。

80

カスタムユーティリティ型の作成

C14レッスンPRO

mapped types、conditional types、infer、再帰を使って、再利用可能な独自のユーティリティ型を設計・実装します。

81

TypeScriptのパフォーマンス最適化

C14レッスンPRO

プロファイリングツール、型の単純化、declarationの戦略的な利用によって、遅いTypeScriptコンパイルを診断・改善します。

82

型レベルプログラミングの基礎

C14レッスンPRO

TypeScriptの型システムをプログラミング言語として扱い、既存の型から新しい型を計算します。

83

型安全なORMとクエリビルダー

C14レッスンPRO

Drizzleのような最新のORMが、スキーマから直接クエリ結果の型を推論する仕組みを理解します。

84

高度なデコレーターとメタデータ

C14レッスンPRO

最新のStage 3デコレーターとメタデータリフレクションを使い、強力なフレームワークレベルの抽象化を構築します。

85

型安全な国際化

C14レッスンPRO

翻訳キーと補間変数をコンパイル時に検査できるi18nシステムを構築します。

86

高度なナローイングと制御フロー

C13レッスンPRO

高度なナローイングを掘り下げます。網羅的なswitch、neverチェック、述語関数、satisfies演算子を扱います。

87

条件型とinfer

C13レッスンPRO

条件型とinferキーワードを身につけます。再利用可能なユーティリティを作成し、ユニオン型に対する分配を理解します。

88

Mapped型とテンプレートリテラル型

C13レッスンPRO

Mapped型とテンプレートリテラル型を学び、TypeScriptで柔軟かつ再利用可能な抽象化を構築します。

89

可変長タプルとジェネリクス

C13レッスンPRO

可変長タプルとジェネリクスを活用して柔軟な関数型を構築します。rest要素、カリー化ヘルパー、安全な合成を扱います。

90

ノミナル型/ブランド型

C13レッスンPRO

branded(opaque)型を使って、同じ形を持つ値(例:メートルと秒、UserIdとOrderId)の混同を防ぎます。実行時コストなしで安全性を高めます。

91

React + TS:応用

C11レッスンPRO

TypeScriptを使った高度なReactパターンを学びます。安全性を損なわずに、ポリモーフィックなコンポーネント、型付けされたref、柔軟なAPIを扱います。

92

React + TS:応用

C12レッスンPRO

TypeScriptを使った高度なReactパターンを学びます。安全性を損なわずに、ポリモーフィックなコンポーネント、型付けされたref、柔軟なAPIを扱います。

93

宣言ファイルの作成

C12レッスンPRO

TypeScriptの宣言ファイル(.d.ts)を作成して公開する方法を学びます。正確なambient型を書き、export typeとexportを区別し、開発者にオートコンプリートと安全性を提供します。

94

モノレポとプロジェクト参照

C11レッスンPRO

ワークスペースとProject Referencesを使ってTypeScriptのモノレポをセットアップします。ビルドを高速化し、増分ビルドの tsc -b を有効にし、パッケージ間で型を安全に共有します。

95

実際のプロジェクトでの厳格性

C12レッスンPRO

TypeScriptの厳格性を安全に高めます。 any を取り除き、 unknown とナローイングを優先し、strictフラグを段階的に有効化し、軽量なガードを追加します。

96

TypeScript Compiler API

C24レッスンPRO

TypeScriptの公開Compiler APIを使って、プログラムからTypeScriptコードを解析、変換、生成します。

97

型レベルの算術とカウント

C24レッスンPRO

タプルと再帰を使い、型システムだけで数値計算を実行します。

98

高カインド型のシミュレーション

C24レッスンPRO

軽量なHKTエンコーディングを使って、TypeScriptに高カインド型がないことによる制約を補います。

99

型安全なパーサーの構築

C24レッスンPRO

テンプレートリテラルと再帰的な推論を使い、型レベルで構造化された文字列を解析します。

100

TypeScriptの型でDSLを構築する

C24レッスンPRO

有効性を型システムだけで保証できる組み込みドメイン固有言語を設計します。

101

EffectシステムとEffect-TS

C24レッスンPRO

Effectライブラリの強力な型システムを使って、副作用、エラー、依存関係を明示的に管理します。

よくある質問

よくある質問

TypeScript Academyコースは無料ですか?

はい。TypeScript Academyコースは無料で始められ、インタラクティブレッスンをすべて無料で完了できます。オプションのPRO登録で、高度なAIツールと共有可能な認定資格がアンロックされます。

TYPESCRIPTを学ぶのに事前経験は必要ですか?

いいえ。コースは基礎から始まり、より高度なトピックへと進むので、TYPESCRIPTの事前経験がなくても始められます。

CoddyKitでTYPESCRIPTをどのように学びますか?

実践しながら学びます。短いインタラクティブレッスンは、わかりやすい説明と、リアルタイムで実行される実践的なコード演習が組み合わさっており、24時間対応のAIチューターがわからないときにいつでもサポートします。

TypeScript Academyを完了すると認定資格がもらえますか?

はい。PRO学習者は試験を受けて、TypeScript Academyコースの完了を証明する共有可能な認定資格を取得できます(認証コード付き)。

スマートフォンでTYPESCRIPTを学べますか?

はい。CoddyKitはウェブとネイティブiOS・Androidアプリで利用でき、どのデバイスでもTYPESCRIPTを学習でき、進捗がすべてのデバイスで同期されます。

TypeScript Academyを今すぐ始める

AI搭載レッスンでプログラミングをマスターする数千人の学習者に参加しましょう。

無料で始める →すべてのコースを見る