Open3

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

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