改めて学ぶ satisfies 演算子

2024/12/08 19 users 演算子

TSKaigi Advent Calendar 2024の9日目の記事となります。 皆さんは普段TypeScriptのsatisfies演算子を使っていますか？私はswitch文の最後をnever型で終える際に、1行で記述するために使っていました。 type Role = "admin" | "user"; const getRoleText = (role: Role) => { switch (role) { case "admin": return "管... 続きを読む

TypeScriptで「選択肢」の定義をEnum的な定数にまとめる――satisfiesとSSoTもあるよ

2024/08/12 83 users TypeScript 定数 DeSC SEL 定義

ソート順の選択プルダウンがある一覧系ページを実装するとき、選択肢たちの管理方法に頭を悩ませることが多いと思います。 商品一覧ページの概要 ソート順プルダウンの選択肢たち 上の画像に示したような場合だと、 《クエリパラメータ》と《選択肢》の間の相互変換 ?sort=price&order=desc <--> 「価格が高い順」 《sel... 続きを読む

satisfies を使って嬉しかったところ

2023/10/15 8 users TypeScript 実装 演算子 既存 プロダクト

はじめに 既存のプロダクトで、TypeScript のバージョンをアップデートし satisfies を使った実装を試してみました。 その中で、satisfies を使って特に嬉しかったところを書かせていただきます。 satisfies とは TypeScript 4.9 で追加された演算子 式と型がマッチしているかチェックする const assertion と併用できる... 続きを読む

Better Configuration in TypeScript with the `satisfies` Operator

2023/01/18 6 users operator

Live Demo 👉 All Demo, No Pitch: Content & Commerce / Builder.io & Elastic Path on 12/13 続きを読む