はじめに ゆめみの公式Twitterにて、型レベルTypeScriptの問題を2問出題しました。 こちらの問題の紹介と解説をします。 また、この記事ではTwitterでは出さなかったおまけ問題も出題します。興味ある方はチャレンジしてみてください! 出題にあたって、主に @Yametaro さん、@schrosis さんにご協力いただきました。ありがとうございます! 問題と解説 その1 問題 PlayGround はこちらから 文字列を型引数として受け取り、 [ と ] で囲まれているならば true 、そうでないならば false となる型 を作る問題です。 型レベルで文字列に対する分岐ができるかがどうかがポイントとなります。 解答と解説 型レベル TypeScript では、Conditional Types を用いて分岐を扱えます。 Conditional Types は以下の構文で表
![【おまけ問題付き】挑戦状で出したTypeScriptクイズの解説【#ゆめみからの挑戦状】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d951139e47d18c869d3a60c76e114a308ef00aab/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwJUUzJTgxJThBJUUzJTgxJUJFJUUzJTgxJTkxJUU1JTk1JThGJUU5JUExJThDJUU0JUJCJTk4JUUzJTgxJThEJUUzJTgwJTkxJUU2JThDJTkxJUU2JTg4JUE2JUU3JThBJUI2JUUzJTgxJUE3JUU1JTg3JUJBJUUzJTgxJTk3JUUzJTgxJTlGVHlwZVNjcmlwdCVFMyU4MiVBRiVFMyU4MiVBNCVFMyU4MiVCQSVFMyU4MSVBRSVFOCVBNyVBMyVFOCVBQSVBQyVFMyU4MCU5MCUyMyVFMyU4MiU4NiVFMyU4MiU4MSVFMyU4MSVCRiVFMyU4MSU4QiVFMyU4MiU4OSVFMyU4MSVBRSVFNiU4QyU5MSVFNiU4OCVBNiVFNyU4QSVCNiVFMyU4MCU5MSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTY0ZmM5NmJkNmQ2NjJmMTMzNTM2YmViN2E5NDY1NzU%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwdGVuOTg2JTIwaW4lMjAlRTYlQTAlQUElRTUlQkMlOEYlRTQlQkMlOUElRTclQTQlQkUlRTMlODIlODYlRTMlODIlODElRTMlODElQkYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWM5MWMxNTA5ZTQzZWNkOWU0NzdhNjFhYmEzYTNjZDNi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D940b5ade5d9096da2296dca13b0f70fb)