先日以下ツイートをしたら思いの外良い反応もらえたので、より詳細な紹介記事を書いてみました。 これは必見だわ!! 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 の問題を解く
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