JavaScriptの需要とともに型、オブジェクト指向を持つTypeScriptの人気が上がってきています。
今回は『次来るかもしれない！？TypeScript』について語っちゃいますmm
#TypeScriptとは
TypeScriptは型やオブジェクト指向を持つJavaScript言語のようなものです。
TypeScriptのコード拡張子は「.ts」です。「.ts」ファイルを直接実行することはできないため、これをトランスコンパイルし、JavaScriptファイルである「.js」に変換します。
２度変換するのは少々面倒ですよね(笑)
#TypeScriptは2種類の目的が存在する
TypeScriptは2種類のトランスコンパイラ方法があります。
❶ブラウザで動作させるJavaScriptファイルを生成するため
❷node.jsで動作させるJavaScriptファイルを生成するため
ブラウザでのJavaScriptで有名な命令でwindows.alertがあります。
これを実行するとブラウザ上でアラート(警告)が表示されます。
しかし、node.jsはブラウザを介せず、
PC上で動作するためwindows.alertコマンドは理解できません。
TypeScriptを利用する場合は実行環境が『ブラウザ』か『node.js』なのか理解しておく必要があります。
#Typescriptメリット
JavaScriptは現代のアセンブラと呼ばれるほど難解な言語です。
原因は型指定が存在しないことにあります。
変数に整数型、文字型、オブジェクト型、変数まで何でも入っちゃうんですよね(笑)。
変数にパラメータを渡すときにも
・何を渡せばよいのか
・必須変数は何なのか
『API仕様書を読む』か『無ければコードを読む』しかありません。
しかしTypeScriptにより型を明確にすることにより、
それらの無駄な作業時間がなくなります。
また型が正確に指定していると、VS Codeなどでコーディングする際に補完機能が働きタイプミスやパラメータミスなど初歩的なバグを無くす事ができ、開発効率も上がります。
メリットを一言でいうならば「開発効率が超絶UP」につきます。
環境構築が必要な分、スロースターターですが、それに有り余るほどの見返りがあります。
#tsconfig.jsonのメモ
{
"compilerOptions": {
"target": "ES2019", /* ECMAScriptのターゲットバージョンを指定します: 'ES3'（デフォルト）, 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018'または 'ESNEXT' */
"module": "commonjs", /* モジュールコード生成: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015',または 'ESNext'を指定します。 */
"strict": true, /* すべての厳密な型チェックオプションを有効にします。 */
"noImplicitAny": true, /* 暗黙の 'any'型で式と宣言のエラーを発生させます。 */
"strictNullChecks": true, /* 厳密なヌルチェックを有効にします。 */
"noImplicitThis": true, /* 暗黙の 'any'型で 'this'式のエラーを発生させます。 */
"esModuleInterop": true /* デフォルトのエクスポートがないモジュールからのデフォルトのインポートを許可します。これはコードの出力には影響しません。型検査だけです。 */
}
}