UdemyでUnderstanding TypeScriptを受講してみた | 1日目

Udemyでセールをしていたので久々に購入してみた。
TypeScriptを学びたかったのでベストセラーになってるMaximilian SchwarzmüllerのUnderstanding TypeScriptを購入。
なんと780円で買えた。。破格やん。。

学んだこと

・TypeScriptはJavaScriptをベースに新しい機能や利点を追加したもので全く新しいものではない。
・ブラウザ上では動作せず、コンパイラーがJavaScriptに変換してくれる。
・TypeScriptを使うことでエラーの少ないクリーンなコードを書くことが可能になる

インストール方法
https://www.typescriptlang.org/から下記を参考にする
npmはnode.jsのパッケージなのでnode.jsをインストールしていない場合はhttps://nodejs.org/enから最新版をダウンロードする。
(ターミナルから最新版にnodeをアップデートした私、ちょっと手こずる。30分ほど格闘。疲れる😭）
npm install -g typescriptを実行。

ファイルを作成する。TypeScriptの拡張子は.ts
ターミナルでtscを実行すると、コンパイルされてjsファイルが自動生成される！（すごい）
htmlファイルでは、作成されたjsファイルを読み込む。

役立つツール
変更があるときに手動でリロードしなくていいように、ターミナルでnpm initを実行しpackege.jsonファイル作成。
npm install --save-dev lite-serverを実行しインストールがすんだら
jsonファイルのscriptsに"start": "lite-server"を追加する。

最後にnpm start。
http://localhost:3000/でindex.htmlが表示されればOK。

今日の感想

今のところ何が画期的なのかはまだ不明…
TypeScriptのTypeってそういうことか！っと納得しました。
JS忘れまくってるので復習もかねてコツコツ頑張るぞーー