TypeScript– tag –

[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...

【解決】VScode-TypeScriptで急に「Cannot find module react or its corresponding type declarations.ts(2307)」 vscode not dosent work typescript infer こうなってしまう VSCode上である時から急にimportしているmoduleが軒並み真っ赤になる。 とう...

TypeScriptが好き過ぎてしょうがない 言語仕様をより深く学びたい

【最小で作りたい!Recoil example/sample】TODO application(React x TypeScript x Recoil) recoil触りたくて無理やり作ったTODOアプリ 触っていて感じたのは 親からコールバック関数渡さないでいいから楽 Functionalコンポーネントが太るけど、恐らくcust...

【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前にこんなこと を発言してしまったため...

【JavaScript】JavaScript文脈の「stack overflow」とは([JavaScript] What is "stack overflow" in JavaScript context?) stackについて調べていたらstack overflowという言葉に出会しました。 ぼんやり知っていたのですが、今回改めて深く理解しようと努...

【よし!徹底的にやるぞ!】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.

【解決】意外と記事がない! styled-component-TypeScript-react-create-app(CRA)でreset-css(リセットCSS) まずは、 わたしについて 本題。 意外と記事がなかったのでreset-cssを設定する方法を書きました。 適時最適化してくださいませ いかがでしょうか ...

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

【GraphQL x TypeScript x React】resolver-mockDataを作ってたらAbstract type [TypeName] must resolve to an Object type at runtime for field [TypeName] with value モックデータで、データを返していたらこれが出てきた。 モックデータのUnitTypeの...

【GraphQL x TypeScript】初心者向けFragmentの使い方。考え方 ...

Separate optional and required types that can have null types