TypeScript

組み込みソフト開発32年、ベアメタルとRTOSドライバが専門のエンジニアが、Web開発をゼロから学ぶシリーズの第1回。血液検査の結果をグラフ化するアプリを最終目標に、小さなツールを積み重ねる学習ロードマップと、V字モデルでの進め方を紹介します。

TypeScriptのコードに出てくる記号の読み方をまとめました。アロー関数の型の書き方と型を省けるとき、 のジェネリクス、Partial・Pick・Omit などのユーティリティ型、?.・??・!・as の意味を、動くコードで確かめます。

TypeScriptの開発で使うツールを、パッケージ管理（npm）、変換と実行（tsc・tsx・Node.js）、コードの品質（ESLint・Prettier）に分けてまとめました。npm run の仕組みと、最小の環境を作って動かすまでの手順も紹介します。

TypeScriptの公式サイト typescriptlang.org の使い方をまとめました。ブラウザで試せる Playground、最初に読むドキュメントとハンドブック、tsconfig.json の調べ方、TypeScript 7.0 などの最新情報が分かるブログを紹介します。

TypeScriptのタプルは、要素の数と順番ごとの型が決まった配列です。配列やオブジェクトとの違い、useState のような使いどころ、関数から返すときの as const、readonly やラベル付きタプルを、動くコードでまとめました。

カンマ区切りの文字列をオブジェクトの配列に変える、split・filter・map をつなげた短いコードを、for文の書き方に戻して理解します。途中のデータの変化や、Windowsの改行・NaNなどの注意点もまとめました。

オンライン教材や本でTypeScriptの学習が続かなかった私が、『TypeScriptハンズオン』で学び進められた理由をまとめました。向いている人・向いていないかもしれない人と、2021年発売の本を今読むときの注意点も紹介します。