1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ClozeTSルールブック

Posted at

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. コードを書いてクイズを解く。
  2. コメント欄で回答を共有する。 (任意)

1. コードを書いてクイズを解く

  • コードを書くには、TypeScript Playgroundをお使いください。
  • Playgroundを使わない場合は、TSのバージョンとコンパイラオプションはPlaygroundの設定をご確認ください。

2. コメント欄で回答を共有する

出題者としては、一応の回答例は考えていますが、正解はひとつではないはずです。出題者は、どの回答が正しいとか優れているとか、とやかく採点するつもりはありません。みんなで答えを出し合って、「ほぉ〜、こんなやりかたもあるんだ」という知識の共有につながれば、より面白くなると思います。

クイズを解いた上で、ClozeTSを盛り上げたい、協力したいという方は、この共有ステップもやってみてください。

  • 回答はコメント欄に投稿する。
  • 自分と同じ回答がある場合、投稿の代わりに「いいね」する。
    • コメントが多数ある場合は、自分と同じ回答を隅々まで探す必要はありません。
    • ぱっと見て、なさそうなら投稿するくらいの感じで。あくまで遊びなのでリラックスして😌
  • 気に入った回答には「いいね」する。
  • 出題のレベルはTypeScript基礎ですが、上級者の方も参加して頂いてかまいません。
    • 技巧輝く回答には、ちょっとした解説を添えてください。
    • そのほうが、他の参加者も楽しめると思います。
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?