Zenn
Open3

【世界で7万人が受講】Understanding TypeScript / 01_TypeScript入門

TypeScript
Notion
#
メモ
Udemy
tanatana

1. コースへようこそ

  • コースの説明
    • 英語版の人気講座の翻訳
  • TSとは何か
    • JSのスーパーセット（上位互換）
  • 受講の前提条件
    • JSの基礎知識
  • 学べる内容
    • TS
    • JSライブラリとの組み合わせ
    • expressを使ってのアプリケーション開発
tanatana

2. TSの概要&使うメリット

  • 概要

    • JSベースのプログラミング言語
    • ブラウザで実行できない
    • JSに変換して使う
      • TSで簡潔に楽に書いたコードが複雑で面倒なJSのコードとして変換される
        → 開発体験が良さそう

  • 使うメリット

    • Runtime Errorは発生しないけど予期せない結果を起こすJSのコードに対して、実行前にチェックすることができる
tanatana

3. TSのインストール&利用方法

  • TSを使わない場合にありがちなエラー
// num1, num2が文字列の場合に期待と異なる結果
const add = (num1, num2) => {
　return num1 + num2;
}
  • 上記のエラーについて、JSで解決
// num1, num2が文字列の場合に期待と異なる結果
const add = (num1, num2) => {
　if(typepf num1)
　return num1 + num2;
}

  • TSのインストール

    1. nodeのインストール

    2. npmでtsのインストール

      → tscコマンドが使える

      → .tsファイルの指定でコンパイルを行える

  • TSの利用方法

    • .tsファイルの作成

      • TSの構文を使える（!や型キャストなど）

        Untitled