Jump to content

TypeScript

ガードレールではなく、セーフティネットを作る

Avatar of @t3dotgg
Theo - creator of the T3 Stack @t3dotgg

新人開発者であれ、熟練した開発者であれ、TypeScript は必須の要素だと考えています。最初はとっつきにくいかもしれませんが、多くのツールがそうであるように、使い始めたら元に戻りたいと思うことはないでしょう。

TypeScript は、コードを書く際に、期待されるデータ型を定義することでリアルタイムなフィードバックを提供します。つまりコードエディタで便利な自動補完を提供したり、存在しないプロパティにアクセスしようとしたり、間違った型の値を渡そうとした場合に赤い波線で注意喚起を行います。これがなかったら、あなたは先の段階でその行のバグ取りを行う羽目になっていたでしょう。

あなたが今まさに書いているコードや、のめり込んで集中しているコードに対して、ドキュメントをエディター中で直接表示し、避けられないミスを犯したときに即座にフィードバックが得られるのですから、TypeScript はおそらく、開発者に最も生産性をもたらすツールです。

型推論

多くの新しい TypeScript 開発者は、TypeScript の「記述」に関心がありますが、そのメリットの多くは実はコードを一切変更せずとも、型推論で得られるのです。型推論とは、何かが型付けされた場合、その型はアプリケーションのフロー全体を通じ、他の場所で再度型宣言することなしで、その型への適合が追従することを意味します。例えばある関数が受け取る引数の型を定義してしまえば、その関数の本体では通常、さらなる TypeScript 特有のコードを必要とせずに型安全になることを意味します。また、ライブラリの開発者は、ライブラリの型を維持するために多大な労力を費やしています。つまり、アプリケーション開発者は、型推論が提供する型と、ビルトインのドキュメントが提供する型の両方からエディタ上で恩恵を受けることができるのです。

TypeScript の使い方が間違っているかもしれない↗という Theo のビデオをチェックしてみてください。

型推論の強力な活用法

Zod

Zod↗は、TypeScript の上に構築されたスキーマ検証ライブラリです。データの「唯一の真実の情報源」を表すスキーマを書くと、Zod は、ネットワーク境界や外部 API を越えても、アプリケーション全体でデータが有効であることを保証します。

Tanstack Query

Tanstack Query↗ は、宣言的で、常にデータが最新化される自動管理されたクエリとミューテーションを提供し、開発者体験と利用者体験の両方を直接改善します。

お役立ち情報

リソースリンク
TypeScript ハンドブックhttps://www.typescriptlang.org/docs/handbook/↗
TypeScript 初心者向けチュートリアルhttps://github.com/total-typescript/beginners-typescript-tutorial↗
タイプチャレンジhttps://github.com/type-challenges/type-challenges↗
TypeScript の Rodney Mullen (Matt Pocock)の Youtube チャンネルhttps://www.youtube.com/c/MattPocockUk/videos↗

Recent Contributors To This Page