2
0

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 1 year has passed since last update.

TypeScript Playgroundでimportが使える、ATAって何?

Posted at

10月にType or Treat Challengesというのがありました。これはこれで面白いと思うので、やってみてください。

今回のテーマはその時に見つけたATAというものです。

Day 1 Challengesの課題を開くと、

import {typeifyAPI} from "type-or-treat"

というimport文があります。おおお、importって使えるのか、と今さらながら知りました。

consoleを覗いてみると、

ATA start
...
ATA done

というのを見つけました。ATAって何でしょう?

色々検索したところ、

これを見つけました。"Automatic Type Acquisition"の略のようです。なんとnpm上のバージョンやタグも指定することができるようです。

何か具体的なもので試してみましょう。jotaiを題材にしてみましょう。

まず、import。できちゃいました。

image.png

countAtomを定義してみます。

image.png

マウスオーバーすると、ちゃんと型が取れてます。

image.png

この型は、PrimitiveAtomなのですが、そう表示はされないんですね。改善の余地ありです。

続いてdoubledCountAtomを定義してみます。

image.png

read-only atomとしてちゃんと型推論できていることが確認できます。

これは便利ですね。今までコピペしていたりしたのが不要になり、楽です。

jsdeliverを使っているらしいですが、欲を言えば、npm packageをURLで直接指定できると、publishしなくても使えてより便利かも。

以上、小ネタでした。

2
0
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
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?