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

フロントエンド開発が大規模になるにつれ、『TypeScript』の注目度が上がり、企業での採用数も増えています。2022年GitHub言語人気ランキングでも、使用言語 第4位、勢いは第3位と高順位をつけ、その人気は今後も続く見込みです。一方で初心者の方が『TypeScript』に取り組もうとすると、情報が膨大で、なかなか理解するのが難しいという問題もあります。『TypeScript』はJavaScriptの上位互換ということもあって、- JavaScriptとの組み合わせ- Reactとの組み合わせ- Vue.js との組み合わせ- Next.jsとの組み合わせ- Nuxt.jsとの組み合わせ- Node.jsとの組み合わせなどなど、他のフレームワークの機能と混ぜて紹介されている事が多く、どの機能がどの言語(フレームワーク)なのか、しっかり切り分けができていないと、こんがらがってしまい、使いこなすまでにどうしても時間がかかってしまいます。そんな課題をうけてこの講座では、『TypeScript』の機能を網羅するのではなく、昨今フロントエンド開発で人気のReact, Vue.jsにフォーカスし、ReactやVue.jsで『TypeScript』を扱うために必要な知識に厳選した構成にしています。JavaScript、React、Vue.jsそれぞれでセクションを分けることで、共通で知っておきたい知識、React, Vue.jsで個別で知っておきたい知識を、できるだけわかりやすいよう分離して構成しています。■講座で扱っている内容JSパート・・環境構築、変数に型、関数に型、配列、キャスト、設定ファイル、オブジェクト、type、interface、readonly、 as const(アサーション)、 enum、 ユニオン型、ジェネリクス、ユーティリティ型、HTMLInputElement、イベントオブジェクト、非同期通信、モジュール、名前空間、型定義ファイルVuejsパート・・ Ref, Reactive, イベント, computed、defineProps, PropType, defineEmitsReactパート・・useState、イベント、props