無理なく始めるTypeScriptの型ルールについて【type、interface、extra、extends、T】

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/ts-type-interface

TypeScriptは初めて触る方にとっては型ルールの理解が難しい場合もあります。
今回は「type」や「interface」、「extra」、「extends」、「T」など、TypeScriptでよく使用される型について無理なく理解するためのルールを紹介します。

まず「type」と「interface」の違いやそれぞれの特徴について解説します。
「extra」「T」という概念について詳しく学びます。
これはTypeScriptの型に追加の情報を付加するための方法であり、より柔軟な型定義を可能にします。
実際のコード例を交えながら、どのようにしてextraを使うかを解説します。

また、「extends」キーワードの使い方や、クラスやインターフェースの継承についても触れます。これによって既存の型を拡張したり再利用したりする方法を学びます。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。


ブログ：https://lorem-co-ltd.com/
引用元：https://www.youtube.com/watch?v=WlxcujsvcIY
エックス：https://x.com/codetips42

#react　#typescript #型 #type #interface #extends #extra #ジェネリクス
#web制作 #webデザイン #webデザイナー #javascript #コーディング