TypeScript入門

TypeScriptとは

qiita.com

最近、Vue.js, Firebase Cloud Function等でも、TypeScriptが選べるようになった。

jp.vuejs.org

firebase.google.com

次世代のNodeである、DenoもTypeScriptが標準である。

qiita.com

間違いなく次に来る言語(もう来ているけど…)

勉強環境構築

グローバルに入れちゃう

npm install -g typescript ts-node

作業するディレクトリで(tsconfig.jsonを生成)。なくても動く

tcs --init

サンプル

for (let i: number = 0; i < 50; i++) {
  const str: string = i.toString()
  if (i % 3 === 0 || str.includes('3')) {
    console.log('WOW')
  } else {
    console.log(i)
  }
}

でも、実はこれでも動く(型推論)

for (let i = 0; i < 50; i++) {
  const str = i.toString()
  if (i % 3 === 0 || str.includes('3')) {
    console.log('WOW')
  } else {
    console.log(i)
  }
}

実行

ts-node main.ts

課題

問題集から

• コマンドライン引数で２つの数字を受け取り、前者の値が後者の何％であるか表示する
• ステップ１の試験をtypescriptで書き直してみよう