2.0.3「TypeScript」はマイクロソフトが開発したオープンソースの無償プログラミング言語です。JavaScriptに静的型づけとクラスベースのオブジェクト指向を加えたスーパーセットとなっています。TypeScriptでコードを書いてJavaScriptファイルをビルド(書き出し)するまでには、整えなければならない環境や予備知識が求められます。本稿では、そうした準備をできるかぎり少なくして、TypeScriptの簡単なコードを動かしてみます。Manager)でインストールします。データはJSON形式にしてページをローカルサーバーで表示する」02「チュートリアルのサンプルファイルとNode.jsのインストール」参照)。promptなど)を開いて、npmのコマンドでつぎのようにグローバルにインストールします。root/Administrator.」というエラーが出た場合は、管理者権限でコマンドを実行します。Xではつぎのように頭にsudoターミナルコマンドを加えてください。typescriptTypeScriptのファイルは拡張子を.tsとします。JavaScriptファイルをビルドするには、コマンドラインツールでTypeScriptファイルを納めたディレクトリに切り替えてから(cdコマンド)、つぎのようにtscコマンドにファイルを定めます。すると、同じ名前の拡張子.jsのファイルがつくられます。これをHTMLドキュメントに<script>要素で読み込めば動きます。TypeScriptで簡単なコードを書いてビルドするsample.tsというTypeScriptファイルをつくって、つぎのような簡単なコードを書きます。エディタは何でも構いません。見ておわかりのとおり、これは標準的なJavaScriptコードです。TypeScriptを使ったからといって、特有の記述を加えなければならないことはありません。4));コマンドラインツールでTypeScriptファイルを保存したディレクトリに切り替え、つぎのようにtscコマンドを打ち込みます。sample.tsこれで、sample.jsというJavaScriptファイルができ上がります。前述のとおり標準的な記述ですので、ホワイトスペースが少し違うだけの同じコードが書かれているはずです。HTMLドキュメントに<script>要素でファイルを読み込み、ブラウザのコンソールを開けば、JavaScriptコードでつくられたオブジェクトが示されるでしょう(図001)。変数と関数に型づけするTypeScriptでは変数や関数の引数および戻り値にコロン(:)で型を定めることができます。以下のコードの変数(value)は文字列(string)で型づけされています。ところが、そこに数値を代入していますので、tscコマンドでビルドしようとすると、つぎのようなエラーが示されます。数値はstring型の変数には入れられないということです。3;関数の引数にも、同じように型を与えることができます。以下の関数呼び出しは、第1引数に文字列型(string)の値を渡しているため、引数に定めた数値型(number)に合わないとして、tscコマンドでつぎのようなエラーが起こります。4));関数の戻り値は、引数を定めた括弧()のあとに加えます。つぎの関数は、戻り値が正しく型づけされています。y};}エラーが出ないように正しく型づけされたTypeScriptとビルドされたJavaScriptの中身をつぎのコード001にまとめました。型はビルドのときに確かめられるので、つくられたJavaScriptコードにはその定めは残りません。TypeScriptサイトのPlaygroundTypeScriptサイトの「Playground」というページでは、TypeScriptとビルドされたJavaScriptのコードがその場で見比べられます。サンプルはいくつか用意されていて、それらに手を加えてもよいですし、新たに書き直しても構いません。ビルドされて、サーバー上で動きも確かめられます。構文や機能を手軽に試したいときは便利でしょう。TypeScriptのバージョンを2.0.3に更新。