TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 Template Literal Types (テンプレートリテラル型) – TypeScript実践ガイド

こんにちは。フロントエンドチームのコードレビューを見ていると、`string`型やマジックストリートビュー的な文字列結合で溢れかえっているコードに直面して頭を抱えることがよくある。「APIから返ってくるこのID、プレフィックスが必ず `us...
TypeScript

【実務・中級編】 Conditional Types (条件付き型) – TypeScript実践ガイド

やあ。今日も今日とて型定義の海に溺れてるかい?中級への階段を登り始めた君なら、そろそろ「なんとなく動く型」から「意図を完全にコンパイラに伝える型」への脱皮を図りたい頃合いだと思う。`string`や`number`、あるいは`unknown...
TypeScript

【実務・中級編】 Indexed Access Types (インデックス型) – TypeScript実践ガイド

やあ、お疲れ。最近、君が書いているコードをレビューしていて、「おっ、いい感じに型安全を攻めてるな」って思う場面が増えてきたよ。ジュニアから一段ステップアップして、中級の荒波をまさに乗りこなそうとしているところだな。非常に頼もしい。さて、今日...
TypeScript

【実務・中級編】 keyof演算子によるキーの抽出 – TypeScript実践ガイド

TypeScriptの型システムを使いこなせるようになると、次にぶwalls(壁)が「動的な値やオブジェクトのキーをどうやって型安全に扱うか」という問題だ。中級へのステップアップとして、APIレスポンスのパーサーや、汎用的なフォームバリデー...
TypeScript

【実務・中級編】 マップ型(Mapped Types)の基礎 – TypeScript実践ガイド

こんにちは。チームのコードレビューをしていて、「お、ここ綺麗に型がまとまってるね」と後輩の成長に嬉しくなったり、逆に「あー、ここコピペで同じような型定義を量産しちゃってるな…」と頭を抱えたりするシニアエンジニアの私です。君たち、日々のフロン...
TypeScript

【実務・中級編】 再帰的な型定義 – TypeScript実践ガイド

やあ、最近のコードベースの調子はどうだい?フロントエンドの現場でバリバリとTypeScriptを書いていくと、最初は `string` や `number` みたいなプリミティブな型を行儀よく並べて満足していたはずが、いつの間にか「あれ、こ...
TypeScript

【実務・中級編】 インターフェースの継承(extends) – TypeScript実践ガイド

おい、調子はどうだい?最近、君が書いているコードをレビューしていて思ったんだ。「お、結構型安全を意識して書けるようになってきたな」ってね。ただ、大規模なアプリケーションを組んでいくと、どうしても似たようなプロパティを持つオブジェクトの型定義...
TypeScript

【実務・中級編】 インターフェースの宣言結合(Declaration Merging) – TypeScript実践ガイド

おい、調子はどうだい?最近、チームのコードレビューをしていて「おっ、いい感じに型定義書けるようになってきたな」って思っていた矢先に、既存のライブラリの型を拡張したくて大ハマりしている後輩を見かけたんだよね。「先輩、なんか型が勝手に合体するん...
TypeScript

【実務・中級編】 型エイリアスにおけるジェネリクスの利用 – TypeScript実践ガイド

おい、調子はどうだい?最近、君が書いたコンポーネントの型定義をレビューしていて思ったんだ。「お、だいぶ書けるようになってきたな」ってね。でも、そろそろ「動くけど、なんだか似たような型定義をコピペで量産している気がする……」というモヤモヤを抱...
TypeScript

【実務・中級編】 ユーザー定義型ガード(Type Predicates) – TypeScript実践ガイド

こんにちは。君もそろそろ、TypeScriptの「型アサーション(`as`キャスト)」の乱用に罪悪感を覚え始める頃合いじゃないかと思うんだ。「とりあえず `as User` って書いとけばコンパイル通るし……」なんてコード、レビューで後輩に...
スポンサーリンク