【TypeScript】初心者向け講座【Vue3】【React】で使う内容に絞り【タイパ重視】の構成

オブジェクトに型をつける方法がいくつかありますが、まずは基本の型の設定方法を解説しています。

type(型エイリアス)を使ってオリジナルの型の作り方や拡張の方法を解説しています。

オブジェクトに型をつける方法としてinterfaceの使い方、拡張の書き方を解説しています。

配列の中に複数のオブジェクトを扱う事がよくありますので、その際の型のつけ方を解説しています。

オブジェクトにreadonlyとつけると読み取り専用にすることができるのでその方法を解説しています。

オブジェクトをまとめて読み取り専用にするas const を使う方法を解説しています。

複数の定数を1つにまとめるenumの使い方とその問題点を解説しています。

enumを代替する方法がいくつかありますがその中でも typeof keyofを使った方法について解説しています。

ジェネリクスについて、まずは関数と比較しながら特徴を確認していきます。

ジェネリクスをオブジェクトで使う方法を解説しています。

ジェネリクスの補足として、仮置の文字の例、型の成約、デフォルトの型について解説しています。

Vue.jsやReact、javaScriptでも使わている、ジェネリクスとtype(interface)の組み合わせ方法を解説しています。

既存の型を元に新しい型をつくる事ができるユーティリティ型について解説しています。

Nullやundefinedではないと指示する方法について解説しています。

TypeScriptでDOMを操作する際に知っておきたい知識について概要をまとめて解説しています。

TypeScriptでDOM操作をする時にひっかかりやすい、Elementの指定方法を解説しています。

イベントオブジェクトにも型の指定・判定が必要になるのでその方法を解説しています。

非同期処理・非同期通信ともに必要な知識であるPromiseを中心に概要を解説しています。

非同期通信の簡単なサンプルをasync/await/fetchでつくり、戻り値がPromiseになることを確認しています。

TypeScriptではtypeやinterfaceもexport/importして使うことがよくあるのでその方法を解説しています。

同じ関数名でも別物として扱える名前空間について解説しています。

JavaScriptでつくられたモジュールやライブラリを使う際に必要な型定義ファイルについて解説しています。

型定義ファイルを自作する方法を解説しています。

2022年にViteがリリース後、Viteをベースにしたcreate-vueで環境構築する事を推奨されているので、

create-vueを使って環境構築をする方法を解説しています。

vue-createでVue3+TypeScriptの開発環境をつくったのでファイル・フォルダの確認をしています。

初期状態でcssなどコードが記載されているので一旦整理して進める事にしています。

refの型指定の方法を解説しています。

reactiveの型指定の方法を解説しています。

v-onなどでイベント発火時に型をつける方法を解説しています。

算出プロパティcomputedに型を付ける方法を解説しています。

コンポーネント間の情報やり取りの仕組みであるpropsについて型をつける方法を解説しています。

propsでオブジェクトや配列を渡す際に型をつける方法を解説しています。

コンポーネントで子から親に情報を渡すことができるEmitについて解説しています。

ReactをTypeScript環境で扱うための環境構築の方法を解説しています。

create-react-appで構築した開発環境のファイルを確認していきます。

関数コンポーネント専用の型設定について解説しています。

ReactHooksの中でもよく使うuseStateについて型指定をする方法を解説しています。

Reactでイベントに型をつけるために型推論をする方法を解説しています。

propsに型をつける方法を解説しています。

ボーナスレクチャーはudemy講座内で唯一 宣伝を行っていい場所になっております。