🔰 概要

TypeScriptの勉強手順です。

✅ TypeScriotの勉強手順

STEP1: JavaScriptの基本を抑える

以下のコンテンツを参考にまずはJavaScriptの最低限の基本的な学習を行いましょう。

• JavaScriptの勉強手順

STEP2: ドットインストールのTypeScriptの講座をやる

• https://dotinstall.com/lessons/basic_typescript_v2

かなり基本的な型のみですが、最初はそれで十分です。

STEP3: 実際にReactやNext.js（その他、サーバーサイドのAPI開発など）で使う

Next.jsは最初に手順通りにコマンドを実行することで、tsconfigの設定などが勝手に用意されるのでおすすめです。

✅ TypeScriptの勉強のコツ

共通

TODO: will add this part.

まずは基本的な型を抑える

基本的な型は以下のような型になります。

• number, string, boolean, string[]

難しい場合はanyでworkaround

最初の頃は型が合わずに苦戦することなどがありますし、ライブラリなどによっては型が合わないケースがあります。

その際にはanyを使ってworkaroundしていきましょう。

やがて型をハンドリングする力が上がってくるとanyはほとんど使わなくなります。

基本的には型ガードやgenericsなどで対応できるようになるためです。

✅ おすすめのリソース

サバイバルTypeScript

• https://typescriptbook.jp/

すごく丁寧で分かりやすくて良いリソースですが、量が多いのと読むだけでは書けるようにならないので、隙間時間や移動中などにインプットベースで学習を行うことを推奨しています。

Qiita

• https://qiita.com/mu-suke08/items/085cde8dbd797de64ccd

Qiitaセクションの記事(TypeScript入門, TypeScriptのInterfaceとTypeの比較, 【TypeScript】Utility Typesをまとめて理解する)のコンテンツがすごく質が高くておすすめです。

✅ 具体的なアクション

• ドットインストールのTypeScript講座をやる
• リソースをざっと読んで手を動かしてみたりする
  • 特にQiitaセクションの記事(TypeScript入門, TypeScriptのInterfaceとTypeの比較, 【TypeScript】Utility Typesをまとめて理解する)は推奨
• 実際にTypeScriptをプログラミング言語に何かの手段として使い始める