TypeScript

スポンサーリンク
TypeScript

【実務・中級編】 型アサーション(Type Assertions) – TypeScript実践ガイド

こんにちは。チームのコードレビューをしていて、最近こんなコードを見かけて思わず天を仰いだんだよね。// やりがちな「とりあえず as で黙らせる」やつconst user = JSON.parse(localStorage.getItem(...
TypeScript

【実務・中級編】 判別可能なユニオン型(Discriminated Unions) – TypeScript実践ガイド

おい、最近TypeScript書いてて「この `any` とか `as` のキャスト、そろそろ誰何(すいか)される頃合いだな……」なんて冷や汗かいてないか?気持ちはよく分かる。APIから飛んでくるレスポンスや、複雑なUIの状態管理(Redu...
TypeScript

【実務・中級編】 instanceof演算子による型ガード – TypeScript実践ガイド

やあ。前回のリリースで、また若手が `as any` の魔窟に足を踏み入れて自爆しているのを目撃してね。そろそろ「なんとなく型アサーションで逃げる癖」を直してもらわないと、プロダクトの寿命が縮まる一方だと危機感を抱いているところだ。今回は、...
TypeScript

【実務・中級編】 in演算子による型ガード – TypeScript実践ガイド

こんにちは。日々、複雑なフロントエンドの荒波にもまれながら、TypeScriptの型定義と格闘しているそこのあなた。「APIから返ってきたレスポンスの型がunion(共用体)になっていて、どっちのオブジェクトなのか判定したいのに、Prope...
TypeScript

【実務・中級編】 等価性チェックによる型ガード – TypeScript実践ガイド

やあ、調子はどうだい?日々のコンポーネント実装やAPIの型定義に追われて、気がつけば `any` をお茶を濁すように置いてしまい、夜も眠れなくなる……なんて経験はないかい?(笑)今回は、TypeScriptの基本中の基本でありながら、実務の...
TypeScript

【実務・中級編】 真偽値による型ガード(Truthiness Narrowing) – TypeScript実践ガイド

お疲れ。最近、コードレビューをしていて「あ、これまだボヤッとした書き方してるな」って思うことが多いんだよね。特にAPIから返ってきた`null`や`undefined`が混じったデータをさばく時。中級への階段を登っている君なら、`if (v...
TypeScript

【実務・中級編】 typeof演算子による型ガード – TypeScript実践ガイド

こんにちは。君、最近のコードベースを見ていて「また `any` が生えているぞ」なんて頭を抱えていないかい?中級の壁を突破してシニアの領域に踏み込もうとしている君なら、APIから返ってくるデータや、外部ライブラリの気まぐれな入力値に振り回さ...
TypeScript

【実務・中級編】 インターフェースと型エイリアスの比較と使い分け – TypeScript実践ガイド

やあ。現場でコードを書いていて、「結局 `interface` と `type` ってどっちを使えばいいの?」と迷ったことはないか?正直に言おう。この問いには「唯一絶対の正解」はない。しかし、「なぜその設計にしたのか」という根拠が言えないの...
TypeScript

【実務・中級編】 型エイリアス(Type Aliases)の構文と用途 – TypeScript実践ガイド

やあ。今日も元気に型パズルに興じているかい?フロントエンドの現場に立っていると、「動くには動くけれど、なんだか保守しづらいカオスなコード」に直面することが本当によくあるよね。特にAPIのレスポンス型や、複雑なコンポーネントのPropsが、フ...
TypeScript

【実務・中級編】 インターセクション型(Intersection Types)の定義と活用 – TypeScript実践ガイド

インターセクション型(&)は「合成の魔法」か、それとも「設計の落とし穴」か?現場でTypeScriptを書いていると、最初は `interface` や `type` を素直に並べているだけで幸せになれる。しかし、プロジェクトが巨大化し、A...
スポンサーリンク