17
JavaScriptからTypeScriptへの 置き換えで見る TypeScriptのいいところ 丸山 和秀

Type scriptのいいところ

Embed Size (px)

Citation preview

Page 1: Type scriptのいいところ

JavaScriptからTypeScriptへの置き換えで見る

TypeScriptのいいところ丸山 和秀

Page 2: Type scriptのいいところ

概要

• 2012/10/01にマイクロソフトが突如発表

• JavaScriptにコンパイルする新プログラミング言語• 俗に言う(もしくは今はやりの)AltJS

• TypeScriptコンパイラ(tsc)自身もTypeScriptで書かれてる• Node.jsもしくはWSHでコンパイルできる

• Visual Studio の拡張も提供されている

• エディタがあれば開発できる• Visual Studio があればとっても便利

• WebStorm6 とかいろいろ対応開発環境増殖中

Page 3: Type scriptのいいところ

JavaScriptが(ほぼ)そのまま動く!

Page 4: Type scriptのいいところ

• JavaScriptのスーパーセット• ES3 / ES5に対応

• 学習が容易

Page 5: Type scriptのいいところ

型が定義できる!インターフェイスも!

Page 6: Type scriptのいいところ

変数の型を指定できる!型推論も!

Page 7: Type scriptのいいところ

既存のライブラリも使える!

Page 8: Type scriptのいいところ

• classとかinterfaceとか

• d.tsによる型定義とか• WinJSとかjQueryとか

• 有志による型定義もどんどん追加中• https://github.com/borisyankov/DefinitelyTyped

• http://www.tsdpm.com/

• 型定義があるからコンパイル時の検証が(多くの場合)できる

Page 9: Type scriptのいいところ

モジュールも定義できる!

Page 10: Type scriptのいいところ

• .NETでいうところの名前空間に近い感じのことができる• どちらかといえば静的なオブジェクト、VBのモジュールに近いかな?

• import xxx = module(“yyyy”)• CommonJSのモジュールとAMDのモジュールに対応

• 複数人で開発しやすい

Page 11: Type scriptのいいところ

その他にもうれしいところが!

Page 12: Type scriptのいいところ

アロー関数式!

Page 13: Type scriptのいいところ

var foo = function(x){return x + x;

}

var bar = (x) => x + x;

Page 14: Type scriptのいいところ

ほんとにTypeScriptっていいの?

Page 15: Type scriptのいいところ

• プロジェクトにはいろんな人がいてる• プログラム大好きな人や、あまり好きでない人、新人や熟練者

• C#やJavaやPL/SQLやCOBOLやいろいろ

• JavaScriptを理解してゴリゴリかける人なんてまだまだ少数派

• HTML5の盛り上がりでブラウザ上のJavaScriptで実装する規模が増大中• Node.jsとかサーバーサイドもあるよね

Page 16: Type scriptのいいところ

最後に宣伝です。

Page 17: Type scriptのいいところ

ご清聴ありがとうございました。