TypeScriptとは？
2012年にマイクロソフト社によって開発されたプログラミング言語で、JavaScriptの弱点を改善する目的で開発されました。JavaやC#に近い設計がされておりコンパイルすることでJavaScriptコードを生成することが可能です。
2017年にGoogleが社内言語に採用したと発表をしたことでその存在感は強まりました。「AngularJS」でもTypeScriptベースの実装になっております。
特徴
静的型付け
変数や引数、戻り値に肩を決めておくことでコンパイル時にエラーを発生させます。
JavaScript互換性がある
基本的にはJavaScriptの記述方法をそのまま適用しても動作します。
開発環境が豊富
多くのIDEがTypeScriptをサポートしています。
- Visual Studio
- Visual Studio Code
- IntelliJ IDEA
- Sublime Text
- Emacs
- Atom(プラグインにて対応できる）
altJSの一つ
JavaScriptは、他の言語経験者にとっては、非常に癖の強い言語です。
それと共に、ブラウザで動作する唯一の言語でもあるのでJavaScriptの言語仕様をキャッチアップせざる終えないというのが現状でしょう。
ただ、それでもやはりJavaScriptの言語仕様はちょっとという方が世の中にいらっしゃるので、「altJS」というJavaScriptを使いやすくしようと言う目的で策定された言語も存在してきています。
altJSの動作の仕組み
一般的に、コンパイラによって、JavaScriptに変換されてから実行されるので実行環境を選びません。
altJSに分類される言語
| 言語 | 説明 |
|---|---|
| TypeScript | Microsoftが開発しました。Typeという名前の通り、型宣言をすることが可能です。 |
| CoffeeScript | Ruby on Railsの3.1以降で標準で使うことができます。Rubyのフレームワークに搭載されているだけあり、Ruby、Pythonを学んだ人ならなじみやすい言語仕様になっています。 |
| Dart | Googleで開発されました。Javaに構文が類似しています。 |
特にTypeScriptは現在の開発では幅広く使われるようになっています。
TypeScriptのインストール
TypeScriptとtypescriptの型情報を下記のようにインストールをします。package.jsonに情報が追加されます。
|
1 2 |
npm install typescript@バージョン npm install @types/node |
TypeScriptのコンパイル(tscコマンド)
下記のようにtscコマンドを使えばタイプスクリプトファイルを使ってJavaScriptコードを生成できます。
|
1 |
node_modules/.bin/tsc タイプスクリプトを記述したファイル |
下記のようにnpxコマンドを使用して省略して記述することも可能です。
|
1 |
npx tsc TypeScriptのソース名 |
watchモード
リアルタイムにコンパイルさせることができます。
|
1 2 3 |
tsc index.ts -w または tsc index.ts --watch |
ts-node-dev
TypeScriptのコンパイルをより高速にできるようにするためのツールです。TypeScriptのファイルが修正されるたびに自動でコンパイルしてくれます。実行するには下記のようにコマンドを実行します。（ファイルを修正するたびに実行してくれます。）
|
1 |
npx ts-node-dev --respawn TypeScriptファイル名 |
コンパイル及び、実行環境
ts-nodeを使う方法
TypeScriptはコンパイラが必要になるがそのコンパイラ及び実行環境をNode.jsが提供してくれます。Node.jsでTypeScriptの実行環境を担うライブラリになります。
インストール
|
1 |
npm install --save-dev ts-node@バージョン |
コンパイル及び、実行
|
1 |
npx ts-node タイプスクリプトソースコード |
PlayGroundを使う方法
「PlayGround」というWeb上でTypeScriptをJavaScriptに変換してくれる機能があります。
https://www.typescriptlang.org/play
この記事へのコメントはありません。