マンガでわかるTypeScript 1話プロット
YOSAを伝える
「TSって何がいいの?」
「書けるようになる」のではなく、簡単に実行できる感じがいい
JS初めての人?
TSから始めればいい
いいJSと悪いJSがある
TSはクラスの概念などが入ってきてからだから綺麗なコードが多い
TSやりたい人って何作りたいの?
フロント、Reactを型つけて書きたい
序盤はコマンドでもいいかも
参考文献
💫そもそもTypeScriptとは
TypeScriptの特徴
静的型付け
型推論
Null 安全性
最近のプログラミング言語のトレンドを押さえつつ、それ以外の部分はJavaScript と文法が同じ
静的型付け言語(ex. Java)
文字列だけで3つくらい型があったりで大変
動的型付け言語(ex. Ruby、Python)
いちいち型を書かなくていい手軽さ
ただし静的な型がないために引数や返り値の型検証をテストを書くことで保証する必要性がある
新しい静的型付け言語(TypeScript)
型推論
いちいち型を書かなくても、処理系が文脈から型を予測して型付けしてくれる
IDEと相性がいい
💫TypeScriptで書いたものとJavaScriptで書いたもの(コンパイル後)の比較
JavaScriptに苦手意識がある人も書きやすい!
💫TypeScriptの環境構築
TypeScript自体のインストール
今回はお試しということでグローバルにインストールするよ
$ yarn global add typescript
yarnではなくnpmを使う場合
$ npm install -g typescript
(実際にプロジェクト単位で使うときは package.json に記載することになります)
IDEのインストール
以下のページからVisual Studio Codeをインストールします。
💫TypeScriptを普通のjsにコンパイルしてみよう
sample.ts というファイルを作り中身を書いて
$ tsc sample.ts
.jsが作られる
💫型アノテーションを使う
コードと解説〜〜〜
次回、インターフェースとクラスを使ってみよう