学習ロードマップ

TypeScript 習熟

JS からの差分を押さえ、Conditional / Mapped / Infer まで読み書きできる型力を、入門から実務適用まで 5 冊で積み上げる。

初めてのTypeScript : 型安全なJavaScriptでWeb開発を加速する

プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発

作って学ぶAIエージェント──TypeScriptとLLMで切り拓くAI時代のエンジニアリング

SCROLL TO BEGIN

このロードマップが扱うもの

- JavaScript の基本文法は書けるが、型注釈が出てくると手が止まるエンジニア - any を撒いてしまい、型の恩恵を受けられていないと感じているフロントエンド / Node.js 実務者 - React / Next.js や AI エージェントなど、型駆動な実装に踏み込みたい中級者

このロードマップの全体像

対象読者

JavaScript の基本文法は書けるが、型注釈が出てくると手が止まるエンジニア
any を撒いてしまい、型の恩恵を受けられていないと感じているフロントエンド / Node.js 実務者
React / Next.js や AI エージェントなど、型駆動な実装に踏み込みたい中級者

5 冊で到達する状態

union / intersection / literal / narrowing を状況に応じて選び分けられる
Conditional Types・Mapped Types・infer を読み解き、型ユーティリティを自作できる
tsconfig の主要オプションの意味を説明でき、プロジェクト方針を言語化できる
React / Next.js のコンポーネントや API に対し、過不足ない型を設計できる
LLM や外部スキーマなど動的な境界でも、型安全な実装パターンを選択できる

進め方のヒント

1 冊目と 2 冊目で型の語彙を揃え、3 冊目で型システムの原理に戻る
写経よりも「既存 JS コードへの型付けリファクタ」をミニ課題にすると定着しやすい
4 冊目以降はサンプルを手元で動かし、エラー文言を読む練習に時間を割く

01
ステップ 01 JS との差分だけを拾う最短入門
02
ステップ 02 定番書で型の語彙を体系化
03
ステップ 03 React/Next.js で型を実戦投入
04
ステップ 04 LLM 時代の型安全な設計を掴む

第 1 章

JS との差分だけを拾う最短入門

JS との差分だけを拾う最短入門

既に JavaScript が書ける読者が、型システムの最小セットを一気に通して読むための起点。ここで用語と型注釈の肌感を揃える。
この章の 1 冊 初めてのTypeScript : 型安全なJavaScriptでWeb開発を加速する
Josh Goldberg/今村謙士/原隆文 / オライリー・ジャパン / 2023

JavaScript経験者がTypeScriptの型システムを体系的に習得する入門書
この本で身につくこと
- 型アノテーションと型推論の仕組みを理解し、既存のJavaScriptコードに段階的に型を付けられる
- ユニオン型・インターセクション型・リテラル型を目的に応じて使い分けられる
- ジェネリクスで再利用性の高い型安全な関数・クラス・インターフェースを設計できる
- 型システムによってバグやタイプミスをコンパイル時に検出するワークフローを構築できる
想定読者: JavaScriptの基礎(変数・関数・オブジェクト・クラス・モジュール)を一通り書ける状態で、TypeScriptへの新規導入や既存コードの段階的移行を検討しているフロントエンド・バックエンドエンジニア
本の詳細を見る →
定番書で型の語彙を体系化

基礎から高度な型まで日本語で通しで学べる定番。1 冊目で拾った概念を、仕様ベースで整理しロードマップの背骨に据える。
この章の 1 冊 プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで
鈴木僚太 / 技術評論社 / 2022

TypeScriptの型システムを基礎から高度な表現力まで体系的に習得する
この本で身につくこと
- 静的型付けがバグを事前に検出する仕組みを理解し、型安全なコード設計の判断軸を持てる
- リテラル型・ユニオン型・keyof型など、TypeScript特有の型表現を目的から選んで活用できる
- any型や型アサーションなど型安全を損なう機能の歴史的経緯・リスク・代替手段を理解できる
- JavaScriptの仕様との対比でTypeScript独自の仕様を整理し、TSらしいコードに移行できる
想定読者: JavaScriptの基礎知識があり、TypeScriptを実務レベルで書けるようになりたい開発者

前提知識: JavaScriptの基本文法(変数・関数・クラス・モジュール・async/await)を一通り書いた経験 / npmを使ったパッケージ管理とビルドツールの基本操作
本の詳細を見る →
React/Next.js で型を実戦投入

コンポーネント・API・ルーティングに型を載せる実務パターン集として読む。フロント開発で過不足ない型を置く基準を作る。
この章の 1 冊 TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発
手島拓也/吉田健人/高林佳稀 / 技術評論社 / 2022

『TypeScript と React/Next.
この本で身につくこと
- TypeScript + React の型設計の基本所作が身に付く — Props / State / Context の型
- Next.js の SSR / SSG / ISR の使い分けが分かる — レンダリング戦略の判断軸
- コンポーネント分割の指針が見える — Container / Presentational / Atomic Design
- テスト(Jest / React Testing Library)を書ける — フロントエンドのテスト所作
本の詳細を見る →
LLM 時代の型安全な設計を掴む

AI エージェント自作を題材に、動的な入出力と外部ツール呼び出しを型で縛る術を学ぶ。TypeScript 習熟の応用到達点として置く。
この章の 1 冊 作って学ぶAIエージェント──TypeScriptとLLMで切り拓くAI時代のエンジニアリング
laiso / 技術評論社 / 2026

AIコーディングエージェントをTypeScriptで自作し動作原理を掴む
この本で身につくこと
- LLM APIと接続した思考ループ（ReActパターン等）を自前実装できる
- ファイル読み取り・コマンド実行・テスト確認などのツール層をエージェントに組み込める
- Git操作を自動化するエージェント機能を設計・実装できる
- GitHub IssueからPull Request作成までを自動化するコーディングエージェントを構築できる
想定読者: TypeScriptでのアプリ・CLIツール開発経験があり、LLMをただ使うのではなくAIエージェントを自分で構築したいエンジニア

前提知識: TypeScriptでのアプリケーション開発経験（型注釈・async/await・モジュール分割の実務レベル） / Git・GitHubの基本操作（clone / commit / branch / PR作成） / LLM API（OpenAI API等）の概念的な理解。一度でも実際にAPI呼び出しを経験していると第1章からの読解がスムーズ
本の詳細を見る →

この道で読む 4 冊（購入）

読む順に並べています。まずは1冊目から始めましょう。

まず読む1冊

初めてのTypeScript : 型安全なJavaScriptでWeb開発を加速する

初めてのTypeScript : 型安全なJavaScriptでWeb開発を加速する

既に JavaScript が書ける読者が、型システムの最小セットを一気に通して読むための起点。ここで用語と型注釈の肌感を揃える。

楽天ブックス → Amazon 紙版 → 紀伊國屋書店 → honto →

Amazonアソシエイトおよび楽天アフィリエイト等の広告リンクを含みます。Amazonのアソシエイトとして tech-book.net は適格販売により収入を得ています。詳細

続けて読む

2
定番書で型の語彙を体系化プロを目指す人のためのTypeScript入門　安全なコードの書き方から高度な型の使い方まで

楽天ブックス → Amazon 紙版 → Kindle → 楽天Kobo → 紀伊國屋書店 → honto →
Amazonアソシエイトおよび楽天アフィリエイト等の広告リンクを含みます。Amazonのアソシエイトとして tech-book.net は適格販売により収入を得ています。詳細
3
React/Next.js で型を実戦投入 TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発

楽天ブックス → Amazon 紙版 → Kindle → 楽天Kobo → 紀伊國屋書店 → honto →
Amazonアソシエイトおよび楽天アフィリエイト等の広告リンクを含みます。Amazonのアソシエイトとして tech-book.net は適格販売により収入を得ています。詳細
4
LLM 時代の型安全な設計を掴む作って学ぶAIエージェント──TypeScriptとLLMで切り拓くAI時代のエンジニアリング

楽天ブックス → Amazon 紙版 → Kindle → 楽天Kobo → 紀伊國屋書店 → honto →
Amazonアソシエイトおよび楽天アフィリエイト等の広告リンクを含みます。Amazonのアソシエイトとして tech-book.net は適格販売により収入を得ています。詳細

まず読む1冊 初めてのTypeScript : 型安全なJavaScriptでWeb開発を加速する見る →