先日以下ツイートをしたら思いの外良い反応もらえたので、より詳細な紹介記事を書いてみました。 これは必見だわ!! TypeScriptの型についての問題集 想定に従って独自のユーティリティ型を作っていく感じの問題がレベル別に提供されてる Playgroundのリンクから手を動かしながらチャレンジできるので凄くやりやすい （自分はeasyの問題でも分からんのあった。頑張ろ😅）https://t.co/tkEFe7VrBQ — Kawamata Ryo (@KawamataRyo) September 3, 2020 type-challengesとは type-challenges/type-challenges: Collection of TypeScript type challenges with online judge VueUseやVueDemiの開発者である @antfu7さ
type-challenges/README.ja.md at main · type-challenges/type-challenges
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 前編
はじめに 自己紹介 初めまして、@kakekakemiya と申します。 現在は東京大学大学院学際情報学府の修士 1 年で、フロントエンドエンジニアとして活動しています（25 卒の就活生です）。TypeScript × React × Next.js が主戦場ですが、Flutter でモバイルアプリを開発するときもあります。 今回は自分の TypeScript 力の向上のために、合計 170 問あるType Challenges を全問解いたので、Type Challenges における推し問題を紹介しながら、型パズルを解く上でのエッセンスを述べていく記事を書いてみようと思います。 Zenn での初投稿なので、何かと至らない点があるかもしれませんが、よろしくお願いします。 この記事の想定読者 TypeScript の型システムに興味がある方 Type Challenges が気になっている
GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
フロントエンドメンバーのTS型力向上を狙ったtype-challenges活用術 - HRBrain Blog
どうも、こんにちは。HRBrain でフロントエンドエンジニアをやってます。ちゃんかつです。 この前初めて代々木公園に行ったのですが、めちゃくちゃ広いですね。自然がいっぱいで気持ちが良かったです。 さて、HRBrain では今年の 6 月から、毎週月曜日に「type-challenges」を用いて社員の TypeScript （以下 TS） の型表現の向上を図っています。 この記事では、HRBrain ではなぜ type-challenges を解く時間を設けているのか、また、type-challenges への取り組み方を紹介します。 なぜ type-challenges を利用するのか いろいろ理由があるのですが、「解答がなるべく簡単にできる」が一番大きな理由です。 Typescript Playgroundで解答することが出来て環境構築の手間は不要、そして、type-challeng
Type Challengesに挑戦しよう！TypeScript好きの方、型パズルに挑戦して型力をつけませんか？ mosya<TC>はGitHubで公開されているTypeScriptの問題集Type Challengesに挑戦して解答を判定できるサービスです。 ログインして挑戦（無料）
TypeScriptのコンパイラを見てtype-challengesのEqual<X, Y>を完全に理解する
この U1 and U2 are identical types （=U1とU2が一致する）という定義が重要で、このU1とU2にそれぞれ等価判定をしたいXとYを代入して、かつ他の条件を必ず満たすようにすれば、型の等価判定が実現できる。 ではなぜ<T>() => (T extends X ? 1 : 2)のような定義になってるかというと、これは「遅延評価のため」と述べられている。 Equal<X,Y> の実装に必要なのは Conditional Types 同士の比較なのだが、通常 Conditional Types は簡約されるため、Conditional Types 同士の比較になることは少ない。 T extends X ? 1 : 2 の評価をする際、Tは必ず未定である（この定義ではどの段階においてもTが具体的に決まることはない）。コンパイラは Conditional Types (T
type-challenges/README.ja.md at main · type-challenges/type-challenges
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
今回、mosya<TC>というType Challengesをブラウザーのエディターから挑戦して採点できるサービスをリリースしました。 Type ChallengesはTypeScriptの型に関する問題を解くためのGitHub上のプロジェクトで、MITでライセンスされているので、誰でも自由に利用することができます。 これを解くことで、かなりの型力が身につくので、以前から昼休みによく友人と解いていました。 今回、このことを思い出しType Challengesに挑戦しやすくするためにブラウザー上でエディターを提供し、問題を解いた後にすぐ採点できるサービスを作りました。 使い方を動画にしてみたのでぜひご覧ください このように気軽にType Challengesに挑戦できるのがサービスの特徴です。 また、受講履歴を残したり、書いたコードをTwitterでシェアすることができます。 反響もよく4
どうも、株式会社プラハCEOの松原です この記事は「そもそもTSの型をどうやって勉強したら良いの？公式読んでも一向に覚えられないんだけど...難しいし...よく分からないから書きたくない...」とお考えの、型が嫌いな方々に向けた記事です。 type-challengesを使えば遊び感覚で練習できるよ！という楽しさを伝えつつ、最終的には「うるせぇ！！！かこう！！！（ドンッ!!!）」って方向に持ってくのが目的です（ワンピース読んでない人には意味のわからない話で申し訳ない） type-challengesとは 初級・中級・上級・鬼（意訳）に分類された様々な型パズルが用意されているので、1日1問解いていけばあら不思議、1ヶ月も経てば好きな型をささっと組み立てられるTSマッチョに。そんなTS筋を鍛えるトレーニングに最適です。 習うより慣れろ 確かにTSの公式は情報としては充実しているのですが、お世辞
新卒２年目エンジニアのyutake27です。 約4ヶ月間、（ほぼ）1日1問 type-challengesを解いていたら、いつの間にか型の力（≒TypeScript力？）が付いていたのでその振り返りとtype-challengesのおすすめをしようと思って記事を書きました type-challengesって？ TypeScriptの型の問題集です。 初級〜最上級までレベル別に分かれており、徐々にステップアップしながら型を学習することが可能です。コードの実行環境も用意されているのでブラウザ上だけあれば実際に手を動かしながら学ぶことができます。 例えば初級編1問目のPickは以下のような問題です。 組み込みの型ユーティリティPick<T, K>を使用せず、TからKのプロパティを抽出する型を実装します。 この問題に対していくつかのテストケースが用意されているので、そのテストケースが通るように型を
type-challenges をやる
Pick Implement the built-in Pick<T, K> generic without using it. Constructs a type by picking the set of properties K from T For example interface Todo { title: string description: string completed: boolean } type TodoPreview = MyPick<Todo, 'title' | 'completed'> const todo: TodoPreview = { title: 'Clean room', completed: false, } ヒント この課題をパスするためには、以下の型を知る必要があります。 keyof Mapped Types Indexed Access
はじめに 先日、こんな素敵な記事を目にしました さすがTypeScriptさん。型定義の自由度が非常に高く、色んな表現が出来ます。 この問題一通りやれば、TypeScriptの型定義もマスター出来るんですかね。 ところで、実は型なし言語のPythonにも型定義が存在します。 TypeScriptやJavaのように、コンパイルエラーを発生させるような強制力はないのですが、VSCodeを始めとしたエディタと協力することで、十分素敵な開発体験を送れます。 def foo(x: int): pass # VSCodeの拡張機能Pylanceを使用した場合、以下コードで赤波線が引かれます foo("1") ちなみに、mypyというライブラリを使用すれば、コマンドライン上で型チェックを実現することが出来ますので、皆様のCI環境に組み込むことで、型付言語とほとんど同様の強制力をもたせることができます さ
Type Challenges
Collection of TypeScript type challenges with OJ
はじめに type-challengesはTypeScriptの型を手を動かしながら学べる優れた問題集です。 初級〜最上級までレベル別に別れており、徐々にステップアップしながら学習することが可能です。 問題数も豊富で、2023年6月現在初級〜最上級で合計158問もの問題が公開されています。 問題数が豊富なのは素晴らしいことなのですが、全てを解こうとすると骨が折れます... 自分は最近まで1日1問type-challengesを解くという活動をしていて、（ほぼ）全ての問題を解き終わるのに約4ヶ月かかりました。振り返ってみると、中には類題も多く含まれていてTypeScript力を効率良く付けるのに必ずしも全ての問題を解く必要はありませんでした。 問題を一通り見た中で、特に勉強になった問題を、備忘録かつ他の人に少しでも参考になればと思いまとめます。（独断と偏見です。なるべく種類が異なる問題を選ん
はじめに こんにちは。高校2年の樅山です。 2020/11 から始まった、ものづくりをする高校生のための新しいグループ、「Palettte」が主催する Palettte Advent Calendar 2020 の8日目の記事となります。 皆さんは type-challenges をご存知ですか？ 私は、Web開発に型を最低限付ける程度にしかTypeScriptを使ってきませんでしたが、複雑なデータを示す型を作り出せる開発者に憧れるようになったので、以前Twitterで話題になった「TypeScriptの型を使った問題」に挑戦していきたいと思います。 事前に私がこのパズルを解く前に知っていた型の知識としては、 文字型, 文字列型, 整数型, 浮動小数点型, 真偽値型などの基本的な型 Array, Objectなどの基本的なデータ構造の型 Readonly Union Type Distin
はじめに type-challenges は TypeScript の型システムでユーティリティ型を実装する問題集です。 型システム版の競技プログラミングといってもいいでしょう。 この記事では type-challenges を遊んで知った TypeScript の tips のうち、勉強になったり面白いと感じたものをまとめました。 type-challenges に挑戦して詰まったときに参考になれば幸いです。 注意 動作確認には、typescriptlang.org の Playground を利用しました。 TypeScript のバージョンは v4.8.4 （執筆時現在の最新バージョン）を使っています。 各セクションごとに書いているコードの Playground のリンクは添付しているので、動作も確認していただけます。 この記事の内容は、 type-challenges の問題を解く
はじめに この記事では、TypeScript の型の問題集 type-challenges についての簡単な説明を行い、例として数問の解き方と関連する TypeScript の機能を紹介します。 対象読者として、プリミティブ型、オブジェクト、ジェネリクス等、TypeScript の型に関する基礎知識が習得済みの方や、もっと TypeScript の型を使いこなせるようになりたい方を対象とします。 type-challenges とは TypeScript の型に関する問題集です。以下のリポジトリに問題がまとまっています。 難易度は warm-up, easy, medium, hard, extreme となっています。難易度 warm-up は例題なので、実際は難易度 easy から取り組むことになると思いますが、難易度 easy でもそこそこ難しいです。 使い方の詳細は以下の記事が参考
はじめに この記事はHRBrain Advent Calendar 2022カレンダー2の7日目の記事です。 株式会社HRBrainでは毎週TypeChanllengeを行っています。 この取り組みを紹介した記事があるので興味がある方は御覧ください。 その中で「Permutation」という特段難しい問題に詰まったので紹介します。 復習がてら記事にしました。 type-challengesとは TypeScriptの型の問題集のようなリポジトリです。 Vue.js コアチームメンバーでVitest、Slidevの作成者である@antfu7さんという方が開発しています。 Permutation Union 型を Union 型の値の順列を含む配列に変換する順列型を実装する問題です。 type perm = Permutation<'A' | 'B' | 'C'>; // ['A', 'B',
Python Type Challenges - Learn & Master Type Hints
Learn Python typing (type hints) with interactive online exercises!
type-challenges で TypeScript の型を勉強しよう！ TypeScript 初心者にありがちな「TypeScript の型ってどう勉強すればいいの？」というお悩み。 ひたすらドキュメントを読むのも良いですが、出来れば実際にコードを動かす方が覚えやすいと思います。 おすすめなのが、TypeScript の型をクイズ形式で学べる「type-challenges」というサイトです。 【type-challenges】 https://github.com/type-challenges/type-challenges TypeScript の型について、初級者から上級者まで楽しみながら学べる問題が用意されています。 この記事では、そんな「type-challenges」のメリットや進め方、解く上で必要な知識について解説していきます。 type-challenges とは？
type-challengesをやってみたのですが、TypeScriptの型の演算をほとんどやったことがなかったため、Easyの1問目のPickからつまづいてしまいました。そのため、この問題の解説を書いて理解を整理してみようと思います。 結論からいうと、TypeScript HandbookのType Manipulationのところを一通り読んでから取り組むのがオススメです。 TypeScript: Documentation - Creating Types from Types 問題文 組み込み型のPick<T, K>を実装してください。 Pick<T, K>は、オブジェクト型Tとユニオン型Kを引数にとり、TからKに含まれるプロパティだけを選んで残した型です。 interface Todo { title: string description: string completed:
Type Challengesを始めよう！
こんにちは フロントエンドエンジニアのぴです 最近会社の他の社員の方と、Type Challengesをやり直し始めたので、入門記事としてUtility Typesをいくつか作ってみます。 以前個人ブログに残した内容を、少し手直しした内容になっています。 ターゲット TypeScript 普段使ってる人 Utility Types 使うけど、型作ったことない人 今回作る型 Partial Pick ReturnType この三つを作りながら、必要な知識をまとめていきます。 Partial Partialは、型のすべてのプロパティが Optional に設定された型です。 例 interface Person { surname: string; middleName?: string; givenName: string; } type T = Partial<Person>; // ^?
TypeScriptの型・・・雰囲気で書いているなぁ。そう思ったので1日1問を目安に型パズルに挑戦してみることにしました。初級編といいながらも、中には非常に難しく感じる問題もありましたのでご注意を！ こんにちは。AWS事業本部モダンアプリケーションコンサルティング部に所属している今泉（@bun76235104）です。 みなさんはTypeScriptの型について完全に理解していますか？私は正直雰囲気でやっている節があります。 なんとなく「型パズル」という言葉を耳にしたことがあったので、検索してみると以下のような記事が見つかったので早速やってみることにしました！ type-challengesとは 上記の記事に記載されていますが、type-challengesはTypeScriptの型を学ぶための問題集です。問題を解くことで型について理解を深めることができます。 私は利用していませんが、mos
【TypeScript】type-challenges の 難易度 easy 全問解いてみた！【解説つき】 - Qiita
【TypeScript】type-challenges の 難易度 easy 全問解いてみた！【解説つき】TypeScript型レベルプログラミングtype-challenges はじめに 先日、type-challenges を紹介する以下の記事を投稿しました。 上記の記事では難易度 warm-up 1問（13・Hello World）と、難易度 easy の2問（7・Readonly、4・Pick）を解説しました。 そして、この記事では難易度 easy の全13問(2023/03/15時点)のうち、上記を除く残りの11問をすべて解説します！ 難易度 easy 残りの11問をすべて解説します！ それぞれの問題で必要な知識の都合上、以下の順番で説明します。 18・Length of Tuple 11・Tuple to Object 3057・Push 3060・Unshift 268・If
この記事は、TypeScript Advent Calendar 2022 の15日目の記事です。 この記事の概要 TypeScript ビギナーの筆者が TypeScript をより理解するのに役立った、 type-challenges を紹介する記事です。 type-challenges はレベル分けされた問題集です。問題形式で楽しみながら学ぶことができます。 この記事の前半では、type-challenges の easy にはどんな問題があるかと、何が学べるかを紹介します。 後半では、問題を解くのによく使ったテクニックを簡単に解説します。 type-challenges easy で何が学べるか どんな問題があるか easy は全部で 13 問あります。（執筆時点） 課題は、以下のユーティリティ型の実装を行うことです。 Pick<T, K> ユーティリティ型 (4 - Pick)
この記事は新歓ブログリレー2023の38日目の記事です。 こんにちは。mehm8128です。 今回はtype challengesをやってみた話を書きます。 僕はtraPでは主にフロントエンドをやっていて、TypeScriptというプログラミング言語を書くことが多いのですが、type challengesとはそのプログラミング言語の型を使ったパズルのようなものです。 以下のリンクからみなさんも遊ぶことができます(環境構築等は不要です)。 https://github.com/type-challenges/type-challenges type challengesで使うTypeScriptの知識はここらへん↓をある程度知っていれば大丈夫だと思います(もちろん調べながら解くのもOKです)。 https://typescriptbook.jp/reference 1問解いてみる 「2 Ge
type-challengesのオンラインジャッジ（type-challenges-judge）を作ったので、紹介したいと思います。type-challengesは、TypeScriptの型の演算の問題集です。 type-challenges-judgeでできること type-challengesの問題の閲覧 問題の回答の提出、判定 どれぐらい問題を解いたかの確認 トップページからtype-challengesの問題を閲覧できます。問題に正解すると、トップページと進捗ページのグラフに反映されます。 なぜこのサービスを作ったか type-challengesの問題を解いて型パズル力を鍛えようと思ったのですが、取り組んでみると以下の課題を感じました。 問題を解いたときの達成感が少ない 他の人の解答が見にくい（Issueには書かれている） 解決しようと思ったのは、主に1つ目の課題です。この課題の
無理なく続けたかったので一日一問を解くようにしています。 僕は長く考えてもだれてしまうタイプなので5分間手が何も動かなかったら解答を見てしまっています。(答えは出ていなくても手が動いているなら続ける) また何を解くか悩みたくないのでREADMEに載っている順番に解くようにしています。 参考にしたドキュメントや記事などはplaygroundのurlと共にメモに保存するようにしています。 二週間やってみて 二週間続けてみて以下のようなことを感じました。 <T> のような記述に抵抗がなくなった TypeScriptを始めた頃に最初によくわからなくなるポイント第1位、Genericsです。 type-challengesではほぼ全ての問題でGenericsを使用します。 雰囲気で使っていましたが、理解して使えるようになったと思います。 https://www.typescriptlang.org/
はじめに こんにちは ! KDDI アジャイル開発センターの小板橋です。 昨日のKPTで激ムズtype-challengesについて盛り上がったので、今度はしっかり学びながら問題を解いていき、まとめていこうと思います。 type-challenges さっそく warm up 問題1 僕の解答↓ /* _____________ Your Code Here _____________ */ type HelloWorld = string // expected to be a string /* _____________ Test Cases _____________ */ import { Equal, Expect, NotAny } from '@type-challenges/utils' type cases = [ Expect<NotAny<HelloWorld>>,
![[新感覚パズルゲーム]type-challenges初級編へTry - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/23d989b280e7175c4edbbf4742c6b6ec3356ebda/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJUU2JTk2JUIwJUU2JTg0JTlGJUU4JUE2JTlBJUUzJTgzJTkxJUUzJTgyJUJBJUUzJTgzJUFCJUUzJTgyJUIyJUUzJTgzJUJDJUUzJTgzJUEwJTVEdHlwZS1jaGFsbGVuZ2VzJUU1JTg4JTlEJUU3JUI0JTlBJUU3JUI3JUE4JUUzJTgxJUI4VHJ5JnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MWIwNzUyZGFkNzY2Yzk4ZmZlMjc4YjBjYTAyNjFkZA%26mark-x%3D142%26mark-y%3D100%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDB5b3NoaWkwMTEwJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xMWFhZjJhZTA1MzFmMmU4ZjBmMjZjOWNkYTk0MDE3Mg%26blend-x%3D142%26blend-y%3D455%26blend-mode%3Dnormal%26txt64%3DaW4gS0RESeagquW8j-S8muekvg%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D550%26s%3De18ff4f221f8660d10c0024fa335f0e0)
TypeScript の型について学びたい・自分の知識を試したいなら！「Type Challenges」 - ソフトウェア開発者のための OSS、まとめてみました！
概要 最近流行りの TypeScript、私も仕事や趣味で Web 系の開発を行っているとき、利用しています。 型を決めてきっちりかっちりコードを記述できるので、変なバグを生み出すことも少なく、とても書いていて気持ちのいいプログラミング言語です。 そんな TypeScript ですが、型についてある程度知識を身に着けるととても Happy な言語ですが、慣れるまでに時間がかかります。 利用手順 以下のサイトのタイトルを選択するか、「VIEW ON GITHUB」を選択します。 ※ サイトを選択しても、結局は GITHUB のサイトに遷移します。 tsch.js.org 遷移後、日本語で力試しをしたい場合は、言語選択で「日本語」を選択しましょう。 ここでは「お試し」タグの Hello World に挑戦してみます。 チュートリアルにある通り、type HelloWorld = any の a
『フロントエンドメンバーのTS型力向上を狙ったtype-challenges活用術 - HRBrain Blog』へのコメント
他の言語でtype challengeなんて聞いたこと無いからやっぱりTSは型付けが弱いというか無理やりだからこーゆーのができるのかな。将来的にはフロントエンド開発もより強固な静的型付け言語が取って代わってほしい。
はじめに TypeScript の型について、雰囲気でしか理解していない節があるので Type Challenges をやってみることにしました。 とりあえず初級編を解いてみたので、自分の解法と解説を書いていきます。 Type Challenges について TypeScript の型についての問題を集めたリポジトリです。 ありがたいことに日本語対応がされています。 詳しい説明は以下の記事を参照すると良いです。 お試し 初級編の前にお試しの問題があるので、まずはこれを解いて Type Challenges の解き方を理解します。 13・Hello World HelloWorld という型を string 型にするだけの問題です。 コードを書いて確認するために 挑戦する と書かれた青いボタンを押します。 そうすると TS Playground が開き、問題文・解答用コード・テストコードが書
テクノロジー TypeScriptの"型"を学びたいあなたへ。type-challengesのすゝめ - Qiita
【TypeScript と友達に】Type Challenges を全問解いたのでエッセンスと推し問題を紹介してみる - 後編
はじめに 自己紹介 こんにちは、@kakekakemiya と申します。 現在は東京大学大学院学際情報学府の修士 1 年で、フロントエンドエンジニアとして活動しています（25 卒の就活生です）。TypeScript × React × Next.js が主戦場ですが、Flutter でモバイルアプリを開発するときもあります。 本記事は、今回は自分の TypeScript 力の向上のために、Type Challenges を全問解いたので、Type Challenges における推し問題を紹介しながら、型パズルを解く上でのエッセンスを述べていく記事の 後編 となります。 前編は ↓ になりますので、まだ読んでいない方はぜひこちらから先にご覧ください！ この記事の想定読者 TypeScript の型システムに興味がある方 Type Challenges が気になっている方・解いている方 基本的
こんにちは！影山です。 アルダグラムが開発している KANNA アプリは、Next.js / TypeScript を導入して型安全に開発しています。 TypeScript の体験は素晴らしいですが、慣れていないと最初は開発スピードが落ちてしまうこともあります。 そのため、Web 上で type-challenges や サバイバルTypeScript などを通して、TypeScript のイロハを学びますが、 React との兼ね合いによるエラーで詰まってしまうことが第2の試練のように感じます。 そこで、今回は type-challenges の初級問題をベースとした上で、それをどう React(Next.js) に組み込んでいくか、説明していきます。 扱う問題は以下になります。一度解いてから、この記事を読むと理解が深まるかもしれません。 Pick Readonly Awaited Ex
概要 TypeScript をまともに触ったことが無いので、使いながら覚えようということで type-challenges の 初級 を全問解答してみました。(2022/09/21現在) と、格好をつけていますが、13問しかないのですぐです。 中級も8割ぐらい挑戦してみて、ある程度こういうケースはこういうふうに対応するんだという、ヒントとなるコツが見えてきたので、それもまとめてみます。 解答のヒント 配列を分割する // T が any[] の場合 T extends [...infer A, infer B] ? A : never // 上記の例では、T = [1,2,3,4] であれば、 A には [1,2,3], B には 4 が入る // T が [] の場合、 never が返る
概要 type-challengesを解き、考える上でポイントだった部分を書き残していきます。 easy編をすべて解けばTypeScriptの基本的な構文については理解したと言えるレベルになれると思います。 easy編はたった14問なのでTypeScriptを勉強している方はチャレンジすると良いと思います。 type-challengesとは https://github.com/type-challenges/type-challenges 上記リポジトリにある、TypeScriptの型定義に関する問題集です。 全部で150問あり、easy、medium、hard、extremeの4レベルに分けられています。 日本語の問題もあり、解答例もgithubのissueで利用することができるます。 easyもそこそこ難しく、TypeScriptの型定義で使われる文法すべてを最低限知っておく必要が
kzjs#17 みんなで「type-challenges」モブプロしました。29.01.2022 — 1 min read 1月29日（土）にKanazawa.js もくもく会 #17 ~type-challengesで"型"を学ぼう会~を実施しました！ イベント中の様子TypeScript経験が豊富な方からあまりない方まで6名の方に参加いただきました。 今回は参加者を2チームに満遍なく分割して「type-challenges」から好きな問題を選び、各々やりやすい形でモブプロしていくスタイルで実施しました。 代表者1名にホストになってもらい、VSCodeのLiveShereを利用したモブプロを行っての「type-challenges」への挑戦（笑） 普段コードを書いている範疇では、あまり利用しない関数がちょこちょこ出てきていたため、各々「なんだこれ？」と言いながらググったり、 type-c
先日以下ツイートをしたら思いの外良い反応もらえたので、より詳細な紹介記事を書いてみました。 これは必見だわ!! TypeScriptの型についての問題集 想定に従って独自のユーティリティ型を作っていく感じの問題がレベル別に提供されてる Playgroundのリンクから手を動かしながらチャレンジできるので凄くやりやすい （自分はeasyの問題でも分からんのあった。頑張ろ😅）https://t.co/tkEFe7VrBQ — Kawamata Ryo (@KawamataRyo) September 3, 2020 type-challengesとは type-challenges/type-challenges: Collection of TypeScript type challenges with online judge VueUseやVueDemiの開発者である @antfu7さ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptの"型"を学びたいあなたへ。type-challengesのすゝめ - Qiita
mosya<TC> | Type Challengesに挑戦して型力をつけよう
Type Challengesに挑戦できるmosya<TC>をわずか4日でリリースできた理由
type-challengesで型パズルを解きまくってTypeScript筋を鍛える
1日1問 感謝のtype-challengesでTypeScript力向上
【型好きなあなたへ】Python-Type-Challengesのすゝめ
忙しい人のためのtype-challengesおすすめ問題
TypeScript初心者がtype-challengesに挑戦してみた
type-challenges で使った TypeScript の tips
【TypeScript】型の問題集 type-challenges に挑戦！【解説つき】 - Qiita
type-challengesの「Permutation」で詰まった話 - Qiita
TypeScriptの型を問題形式で学べる「type-challenges」とは？ – 株式会社ライトコード
ゆるふわTS勢によるtype-challengesにつまづいた人向けの解説
type-challengesでTypeScriptの型を学んでみた【初級編】 | DevelopersIO
TypeScriptのレベルアップ！ type-challenges の easy で学んだこと
type challengesやってみた
type-challengesのオンラインジャッジを作りました
type-challengesを二週間続けてみた - Qiita
[新感覚パズルゲーム]type-challenges初級編へTry - Qiita
Type Challenges を解く【初級編】 - Qiita
『TypeScriptの"型"を学びたいあなたへ。type-challengesのすゝめ - Qiita』へのコメント
type-challenges初級を解いたのでNext.jsの初期ページを型安全にしてみる
TypeScriptの勉強のために type-challenges の初級を【全問解答】する - Qiita
type-challengesの解説(easy編) - Qiita
kzjs#17 みんなで「type-challenges」モブプロしました。
TypeScriptの"型"を学びたいあなたへ。type-challengesのすゝめ - Qiita