Type scriptのいいところ
-
Upload
kazuhide-maruyama -
Category
Documents
-
view
503 -
download
1
Transcript of Type scriptのいいところ
![Page 1: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/1.jpg)
JavaScriptからTypeScriptへの置き換えで見る
TypeScriptのいいところ丸山 和秀
![Page 2: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/2.jpg)
概要
• 2012/10/01にマイクロソフトが突如発表
• JavaScriptにコンパイルする新プログラミング言語• 俗に言う(もしくは今はやりの)AltJS
• TypeScriptコンパイラ(tsc)自身もTypeScriptで書かれてる• Node.jsもしくはWSHでコンパイルできる
• Visual Studio の拡張も提供されている
• エディタがあれば開発できる• Visual Studio があればとっても便利
• WebStorm6 とかいろいろ対応開発環境増殖中
![Page 3: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/3.jpg)
JavaScriptが(ほぼ)そのまま動く!
![Page 4: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/4.jpg)
• JavaScriptのスーパーセット• ES3 / ES5に対応
• 学習が容易
![Page 5: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/5.jpg)
型が定義できる!インターフェイスも!
![Page 6: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/6.jpg)
変数の型を指定できる!型推論も!
![Page 7: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/7.jpg)
既存のライブラリも使える!
![Page 8: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/8.jpg)
• classとかinterfaceとか
• d.tsによる型定義とか• WinJSとかjQueryとか
• 有志による型定義もどんどん追加中• https://github.com/borisyankov/DefinitelyTyped
• http://www.tsdpm.com/
• 型定義があるからコンパイル時の検証が(多くの場合)できる
![Page 9: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/9.jpg)
モジュールも定義できる!
![Page 10: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/10.jpg)
• .NETでいうところの名前空間に近い感じのことができる• どちらかといえば静的なオブジェクト、VBのモジュールに近いかな?
• import xxx = module(“yyyy”)• CommonJSのモジュールとAMDのモジュールに対応
• 複数人で開発しやすい
![Page 11: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/11.jpg)
その他にもうれしいところが!
![Page 12: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/12.jpg)
アロー関数式!
![Page 13: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/13.jpg)
var foo = function(x){return x + x;
}
var bar = (x) => x + x;
![Page 14: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/14.jpg)
ほんとにTypeScriptっていいの?
![Page 15: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/15.jpg)
• プロジェクトにはいろんな人がいてる• プログラム大好きな人や、あまり好きでない人、新人や熟練者
• C#やJavaやPL/SQLやCOBOLやいろいろ
• JavaScriptを理解してゴリゴリかける人なんてまだまだ少数派
• HTML5の盛り上がりでブラウザ上のJavaScriptで実装する規模が増大中• Node.jsとかサーバーサイドもあるよね
![Page 16: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/16.jpg)
最後に宣伝です。
![Page 17: Type scriptのいいところ](https://reader034.fdocuments.in/reader034/viewer/2022052601/5590bbcc1a28abe1308b46d6/html5/thumbnails/17.jpg)
ご清聴ありがとうございました。