TypeScript– category –

[React] React v19のsandbox|example https://stackblitz.com/edit/vitejs-vite-n7qcji?file=src%2FApp.tsx 理解を助けてくれた記事 https://react.dev/reference/react https://run-on.dev/ja/learn/react19 https://zenn.dev/uhyo/books/react-19-new ht...

[TypeScript] Prittifyでネストされた型を綺麗に見せる by matt playground Person & {isDeveloper: boolean}を hoverすると だけれど、Prittifyを通すと このように全てが展開されるというもの type Prittify<T> = {[K in keyof T]: T[K]} &...

[TypeScript] satisfiesの使い所、威力を発揮する時 mattさんの動画から playground Example 1 const score: Record<string, number> = {} // 広い型である必要がある score.english = 100 score.math = 40 // Record<string, number>は変数自...

[TypeScript/型パズル] type-challengesやろうとしたらtypo見つけたので、PR出したらmergeされて嬉しい(よしもと芸人初のOSS活動) と言うことで、早速やろうとしたらあれと思ってPR出したらmergeされたから 思わぬところで初OSS活動になった https://githu...

[TypeScript/型パズル] type-challenges 解決方法 solutions この記事は年末までこのtype-challengesをやっていこうという挑戦企画記事です。 type-challengesをやり解決方法を再学習しようというメモ記事です。参考にしないでください 私の歴 わたしはTyp...

TypeScript問題集にTypeScript4.1で追加されたTemplate Literal Typesを追加しました Template Literal Typesの議論 問86 TypeScript(4.1)未満ではこちら const date = (year: number, month: number, date: nubmer) => { return `${year}-${month}-${d...

【React】normalizrの簡単なsample(example)はこちら 現場が最近になってnormalizrを使い出したのでちょこっといじる 大変ですものね...

【TypeScript】TypeScript問題集に問題を追加しました 問65 こちらの type A = {name: string} type B = {age: number} AとBのkeynameとageを合わせたname | ageなUnion型を作ってください type A = {name: string} type B = {age: number} type T1 = keyo...

【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと 徹底的にやるTypeSript108個のこと。 仕事でもっと使いこなしたい方と自分に向けた記事 TypeScriptすきです(TypeScript練習問題集) aboutme GW前にこんなこと を発言してしまったため...

Example Mock App(React x Redux x TypeScript x react-router x redux-thunk x mock-server) Whenever I tried to try something, I needed to set up Redux, react-router, server, etc. as well as React and TypeScript, so I made it from the direct...

実験TypeScript-1 Enumと初期化時のanyの癖を知る(Know Enum and the habit of any at initialization) ORILLYプログラミング「TypeScript」 実際のコード ここでお知らせすること。 enumの特徴 空配列を渡すとany[]になる話 ////////////////////////////...

【よし!徹底的にやるぞ!】TypeScriptのsubtypeとsupertypeの違い 背景 ちゃんと理解したいと思い勉強し直し。 普段何気なく使っている let a: string = "hello" は aがstring "hello"がstringリテラル なので、リテラル型のスーパータ...

【TypeScript】 Assignment Compatibility。Sは右側(source)、Tは左側（target) TypeScript x React[/caption] playground // [仕様]（https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md#3.11.4） type A = { name: string } type B = { a...

TypeScript x React 今またTypeScript熱がある。 今パッケージのアップデートをやっていて3.7.2から3.8.3へ移行したPRを投げている。 一方、家では、 今まで知らなかったTypeScriptのことを知りたくて いろいろ読みあさっている。 https://www.udemy.com/c...

【TypeScript】How to create a new type by extracting only key / value with value type number TypeScirpt playground I updated TypeScript Practice.

【TypeScript】Handling for union when you do not want to use type guard

【TypeScript】「Recursive processing if children are a in parent」parentの中にchildrenがあったらさらに再帰処理 再帰関数を作ったことがなくハマって最近悔しかったので、 曝け出す。 同じような仕様にたいする解決方法がネット上になく、 CTOとリー...

【TypeScript 3.7】nullish coalescing opearatorを理解する記事

【型定義がない！自動生成したい！TypeScript x Swagger】Swagger.ymlからschema.d.tsを生成する [No type definition! I want to generate automatically! TypeScript x Swagger] Generate schema.d.ts from Swagger.yml このような swagger.ymlがあるプ...