メモ：図解！TypeScriptのツボとコツがゼッタイにわかる本 "超"入門編 (1)

01. TypeScriptとは

01. TypeScriptとは？
02. TypeScriptを学ぶメリット

02. 開発環境を設定しよう

01. 開発環境に何が必要？

・Node.js
・TypeScript
・VSCode

02. Node.jsのインストール
03. ターミナルを起動しよう
04. TypeScriptのインストール

インストール

npm install -g typescript

動作確認(バージョン確認)

tsc --version

TypeScriptのコンパイルオプション

--targetオプション (コンパイラのバージョン指定)

tsc ファイル名 --taret ES2022

--outFileオプション (ファイルの連結)
複数のtsファイルを単一のjsファイルにまとめる

tsc ファイル1 ファイル2 … --outFile jsファイル名

--watchオプション (更新を監視して自動コンパイル)
監視を終了するには[CTRL]+[C]

tsc ファイル名 --watch

05. 開発用エディターのインストール

VSCodeをインストールする
拡張機能をインストールする

・Prettier (コード整形機能)

インストールしたら [ファイル]-[ユーザー設定]-[設定]
"テキストエディター" -

"Default Formatter" = "Prettier -Code formatter"

"書式設定" -

"Format On …" = 好きなタイミングにチェックを付ける

・indent-rainbow (インデントの協調)
・zenkaku (全角スペース英数字の強調)
・Code Spell Checker (コードのスペルチェック機能)
・Auto Rename Tag (HTMLタグの入力補助機能)

正誤表

●130 ページ 「Point」内
【誤】 center の中身を書き換えても元の配列 list の内容は変わりません。
【正】 children の中身を書き換えても元の配列 family の内容は変わりません。
●135 ページ findIndex メソッドの「書式」
【誤】 Array.find(関数(要素, 要素番号, 元の配列))
【正】 Array.findIndex(関数(要素, 要素番号, 元の配列))
●137 ページ 「Point」内
【誤】 x の中身を書き換えても list の内容は変わりません。
【正】 x の中身を書き換えても score の内容は変わりません。

---

TypeScript