ClozeTSとは、TypeScriptの穴埋めクイズです。コードの一部が「穴」になっていて、その部分に適切なコードを当てはめて解く形式のクイズです。
この投稿では、ClozeTSのルールと遊び方について解説します。
ClozeTSの例題
このTypeScriptコードの中の__MISSING_CODE__
を適切なコードに置き換えて、コードを完成してください。
let x: __MISSING_CODE__ = 1;
x = 2;
x = null; // Error
回答例
let x: number = 1;
x = 2;
x = null; // Error
ClozeTSのゲームルール
- コメントで
Error
と書かれた行は、コンパイルエラーになるようにする。 - それ以外の行は、コンパイルエラーにならないようにする。
- 型に
any
は使ってはならない。(any縛り) -
__MISSING_CODE__
の部分以外は変更してはならない。
※設問によって、個別ルールが設けられる場合があります。
エラーヒント
Error:
の後には、発生するコンパイルエラーのメッセージが書いてある場合があります。これは、コードを埋める上でのヒントです。
ClozeTSの遊び方
- コードを書いてクイズを解く。
- コメント欄で回答を共有する。 (任意)
1. コードを書いてクイズを解く
- コードを書くには、TypeScript Playgroundをお使いください。
- Playgroundを使わない場合は、TSのバージョンとコンパイラオプションはPlaygroundの設定をご確認ください。
2. コメント欄で回答を共有する
出題者としては、一応の回答例は考えていますが、正解はひとつではないはずです。出題者は、どの回答が正しいとか優れているとか、とやかく採点するつもりはありません。みんなで答えを出し合って、「ほぉ〜、こんなやりかたもあるんだ」という知識の共有につながれば、より面白くなると思います。
クイズを解いた上で、ClozeTSを盛り上げたい、協力したいという方は、この共有ステップもやってみてください。
- 回答はコメント欄に投稿する。
- 自分と同じ回答がある場合、投稿の代わりに「いいね」する。
- コメントが多数ある場合は、自分と同じ回答を隅々まで探す必要はありません。
- ぱっと見て、なさそうなら投稿するくらいの感じで。あくまで遊びなのでリラックスして😌
- 気に入った回答には「いいね」する。
- 出題のレベルはTypeScript基礎ですが、上級者の方も参加して頂いてかまいません。
- 技巧輝く回答には、ちょっとした解説を添えてください。
- そのほうが、他の参加者も楽しめると思います。