TypeScriptのテンプレートリテラル型：文字列の組み合わせとイベント名を型安全に扱う
TypeScriptのテンプレートリテラル型を実践コードで解説。文字列の組み合わせによるパスの型、keyofとマップ型によるイベント名の生成、Uppercase・Capitalize、外部入力の検証方法を学べます。
EXPLORE THE STACK
TypeScript開発ノート
TypeScriptの型、基本構文、開発環境の構築を解説。コードを読みながら、実践に役立つ知識を身につけましょう。
型の役割から、実践につながる理解へ
JavaScriptとの違い、環境構築、型の基本から実践までを入門ガイドで解説。全体像をつかんでから、学びたいテーマの記事へ進めます。
- JavaScriptとの違いとTypeScriptを使う目的
- 環境構築・型定義・型チェックの進め方
- コード例と目的別の実践記事への案内
環境構築から型の実践まで、順番に学ぶ
初めての方は第1回から。復習したいテーマからも読めます。
記事一覧
18 ARTICLES
TypeScriptのkeyof・typeof・as const：定数から型を作る実践ガイド
TypeScriptのkeyof・typeof・as constを使い、定数からキーや値の型を作る方法を解説。ファイル別のコード例で、型安全なプロパティ取得、配列からのユニオン型、readonlyと実行時の違いを学べます。
TypeScriptのtsconfig.json実践入門：strictと追加の型チェックを設定する
Node.js用のtsconfig.jsonを実践解説。strictと追加の型チェック、任意項目、NodeNext、型チェックとビルドの違いを実行できる例で確認します。
TypeScriptのPromiseとasync/await：戻り値の型・並行処理・エラー処理を学ぶ
TypeScriptのPromiseとasync/awaitを実践解説。順次処理、Promise.allとallSettled、unknownのエラー処理、非同期forEachの注意点を学びます。
TypeScriptのユーティリティ型入門：Partial・Pick・Omit・Record・Readonlyの使い分け
Partial・Pick・Omit・Record・Readonlyを会員管理の例で解説。更新項目の制限、実データの削除との違い、ネストやundefinedの注意点も確認します。
TypeScriptのユニオン型と型ガード：型の絞り込みからneverによる網羅チェックまで
TypeScriptのユニオン型と型ガードを配送状態の実装で解説。typeof、unknownの検証、判別可能なユニオン、neverによる処理漏れの確認を学びます。
TypeScriptの実践的な型設計：ユニオン・satisfies・unknownの使い分け
TypeScriptの実践的な型設計をコードで解説。判別可能なユニオンによる状態管理、neverの分岐漏れ検出、satisfiesによる設定の型検査、unknownを使ったAPI応答の検証を学べます。TypeScript 4.9以降に対応。
TypeScriptのジェネリクス入門：型推論・制約・共通関数の作り方
TypeScriptのジェネリクスを型推論・extends・keyofから解説。空の配列を扱う戻り値と、unknownを検証してJSONを読み込む実践例を掲載します。
TypeScriptのクラス継承：extends・super・abstractの使い方
TypeScriptのクラスの継承を実行例で解説。extends・super・override・protected・抽象クラスの役割、親の契約、委譲との使い分けを学べます。
TypeScriptのクラス入門：constructor・private・readonly・staticを解説
TypeScriptのクラスの定義、コンストラクタ、アクセス修飾子、読み取り専用プロパティ、getter・setterを解説。privateと実行時のプライベート性の違いも扱います。
TypeScriptのオブジェクト指向設計：カプセル化・インターフェース・委譲
TypeScriptのオブジェクト指向をインターフェースとクラスの例で学びます。カプセル化・抽象化・多態性・継承と委譲、型と実行時の違いを解説します。
TypeScriptの関数入門：引数・戻り値・オーバーロードの型を指定する
TypeScriptの関数の引数と戻り値、型推論、関数型、オプション引数、デフォルト引数、残余引数、オーバーロードを実行できるコードで解説します。
TypeScriptのモジュール入門：import・exportとNode.jsの設定を理解する
TypeScriptのモジュールをファイル別のコードで解説。名前付きとデフォルトのexport、import type、相対パス、NodeNextとJavaScript出力の対応を学べます。
TypeScriptのinterfaceとtype：オブジェクトの型定義と使い分け
TypeScriptのインターフェースでオブジェクト、関数、クラスの契約を定義します。任意項目、readonly、extendsとimplements、構造的型付けの注意点も解説します。
TypeScriptのコンパイル方法：tsc・型チェック・JavaScript出力を解説
TypeScriptのコンパイルをtsconfig.jsonと実行例で解説。型チェック、出力先、noEmit・noEmitOnError、targetとmodule、watchとoutFileの違いを整理します。
TypeScriptの基本型一覧：string・number・配列・unknownと型推論
TypeScriptの基本型、型推論、配列・タプル、nullとundefined、unknownとany、voidとneverをコードで解説。型チェックと実行時の動作の違いを整理します。
TypeScriptの環境構築：インストールから最初のコンパイル・実行まで
TypeScriptをプロジェクトへインストールし、型チェック・JavaScriptへのコンパイル・Node.jsでの実行まで確認します。ロックファイルと設定の役割も解説します。
TypeScriptとは？JavaScriptとの違いと基本の書き方を入門解説
TypeScriptでできることを基本のコードから解説。JavaScriptとの関係、型推論、関数とオブジェクトの型、外部入力の検証、コンパイルと実行の流れを学べます。