TypeScript ハンズオン(タイプスクリプトハンズオン)

本企画は、 TypeScript をハンズオン形式で学ぶ書籍です。「ハンズオン形式で敷居の低い解説」が特徴となります。また Web アプリ開発にも章を割いており、様々な知識を学びたい人にうってつけの内容となります。

TypeScript を「言語仕様の勉強」ではなく「実際に書く場所ごとの体験」として学ばせる入門書です。『 TypeScript ハンズオン』 (掌田津耶乃 著、秀和システム、 2021 年 8 月刊、 B5 変形判) は、 Java や Swift から R まで幅広い分野の解説書を多数手がけてきた著者による一冊で、 Node.js と npm 、 Webpack による開発環境の準備から始めて、言語の基礎、クライアントサイド、サーバーサイドまでを 7 章で一巡します。サンプルコードはダウンロード提供されます。

前半の構成: 型の道具を積み上げる 5 章

前半は言語の積み上げです。第 2 章で型アノテーション、タプル、 enum 、型エイリアス、条件型、ユーティリティ型といった TypeScript らしい型の道具を、第 3 章で関数 (アロー関数、クロージャ、ジェネリクス、Promise) を、第 4 章でクラスとインターフェースを扱い、第 5 章はマップ型・ユニオン型・テンプレートリテラル型・ Record や Pick といった一歩進んだ型機能に踏み込みます。章の締めくくりには素因数分解のコンソールプログラム、メモアプリ、 Firebase を使ったメッセージボードと、学んだ要素を束ねる小さな制作物が置かれ、書名のとおり手を動かして確かめる流れが貫かれています。

後半の幅: React ・ Vue ・ Express まで横断

この本の持ち味は後半の幅です。第 6 章はクライアントサイドで、素の DOM 操作の基本を押さえたうえで、 React で足し算電卓を作り、それを Vue 3 へ移植して書き方を見比べます。第 7 章はサーバーサイドで、 Express と Nest.js のプロジェクト構成を TypeScript で追います。 TypeScript の実務価値は言語単体ではなく「フロントエンドでもサーバーでも同じ型の言葉で書ける」ことにあるので、 React ・ Vue ・ Express ・ Nest.js という主要な現場を一冊の中で横断できる構成は、これから TypeScript がどこで使われるのかを知りたい人に全体地図を与えてくれます。

2021 年刊という時点と環境構築の読み方

一方で刊行は 2021 年 8 月です。型システムの基礎 (構造的部分型・型推論・ジェネリクス) は変わらない土台ですが、開発環境の周辺は動きが速く、本書のビルド環境は Webpack 前提で、その後に広く使われるようになった Vite などのツールは登場しません。 React や Vue のプロジェクト生成手順も刊行時点のものです。環境構築の章は「手順をなぞる」より「何のために何を設定しているか」を読み取る姿勢で使うと、ツールが替わっても知識が持ち越せます。

類書との使い分けと向いている読者

類書との使い分けでは、『プロを目指す人のための TypeScript 入門』が言語仕様そのものを深く掘る本であるのに対し、本書は広く浅く、実際のアプリケーション環境まで含めて TypeScript の居場所を見せる本です。 JavaScript は書けるが TypeScript への一歩が踏み出せない人、 React や Node.js を TypeScript で書く前提の現場に入ることになった人にとって、一冊で環境から実践までの通し稽古ができる、最初の一冊 に向く構成です。じっくり型と向き合う 2 冊目として言語特化の本を続ければ、学びの階段がきれいにつながります。