基本の型定義(boolean, number, string, array, tuple, any, unknown)

スポンサーリンク
TypeScript

【実務・中級編】 inferキーワードによる型推論 – TypeScript実践ガイド

おう、元気か? 今日のテーマはTypeScriptの `infer` キーワードだ。これ、Conditional Typesと組み合わせると、もうコードの書き方が一段階も二段階も変わる、まさに「魔法」みたいなもんだ。「いやいや、そんな大げさ...
TypeScript

【実務・中級編】 extendsによる型制約と条件判定 – TypeScript実践ガイド

おう、元気にしてるか? TypeScript の世界で、ちょっと奥の方まで踏み込んでみようぜ。今日は「`extends` による型制約と条件判定」、特に Conditional Types の話だ。「Conditional Types」って...
TypeScript

【実務・中級編】 Mapped Typesにおける?修飾子の付与と削除 – TypeScript実践ガイド

おい、諸君! TypeScript の世界へようこそ。私は長年フロントエンドの最前線で戦ってきたアーキテクトだ。今日は、日々の開発で必ずお世話になるであろう「Mapped Types」のちょっとした、でもめちゃくちゃ便利なテクニックに焦点を...
TypeScript

【実務・中級編】 Mapped Typesにおけるreadonly修飾子の付与と削除 – TypeScript実践ガイド

おい、みんな、調子はどうだ? TypeScriptの深淵を覗き込んでいるかい?フロントエンド開発の現場で日々コードと格闘している君たちなら、一度は「このオブジェクト、勝手に書き換えられちゃ困るんだよなぁ」とか、「APIから受け取ったデータは...
TypeScript

【実務・中級編】 keyof演算子とMapped Typesの組み合わせ – TypeScript実践ガイド

よう、元気か? 今日はTypeScriptの型システムの中でも、特に「なるほど!」と膝を打つような強力な組み合わせ、`keyof`演算子とMapped Typesについて、とことん掘り下げていこうと思う。お前たちフロントエンドの中級エンジニ...
TypeScript

【実務・中級編】 OmitThisParameterによるthisの削除 – TypeScript実践ガイド

おい、お前ら! TypeScriptと日々格闘しているフロントエンドの戦士たちよ、今日も元気でやってるか?現場でTypeScriptを書いてりゃ、一度は`this`の挙動に頭を抱えたことがあるんじゃないか? メソッドをコールバックとして渡し...
TypeScript

【実務・中級編】 ThisParameterTypeによるthisの型抽出 – TypeScript実践ガイド

よぉ、よく来てくれたね。日々の開発、本当にお疲れ様!今日は、TypeScriptを使いこなす中級エンジニアの君に、一歩上の設計力を手に入れてもらうための話をしよう。テーマは `ThisParameterType`。「`this` の型? ア...
TypeScript

【実務・中級編】 AwaitedによるPromiseの解決型取得 – TypeScript実践ガイド

フロントエンド開発の現場を支える戦友のみなさん、お疲れ様です。チーフアーキテクトの「ナオト」です。モダンなフロントエンド開発において、私たちは日々、非同期処理(Promise)と格闘していますよね。APIからのデータ取得、ダイナミックインポ...
TypeScript

【実務・中級編】 ReadonlyArrayによる配列の不変性 – TypeScript実践ガイド

こんにちは。フロントエンドチームのシニアアーキテクトだ。君たちが日々、コンポーネントの状態管理やAPIからのデータフェッチで頭を悩ませているのはよく知っている。さて、今日はTypeScriptの「型」の話題、それも実務で最もやりがちな「うっ...
TypeScript

【実務・中級編】 Readonlyによる読み取り専用化 – TypeScript実践ガイド

やあ、調子はどうだい?最近、コードレビューをしていて「あ、ここ、うっかり書き換えられちゃってるよ……!」ってバグを踏むことが多くて頭を悩ませてないかい?特にReduxのステートや、APIから取ってきた初期設定オブジェクトなんかね。フロントエ...
スポンサーリンク