AdvancedTechNight No.6 LightningTalk #2

1. TypeScriptのススメ
∼ JavaエンジニアのためのJava(like)Script
2013/03/15
Acroquest Technology株式会社
谷本 心 ( @cero_t )

2. 今夜のテーマ：
JavaScript

3. var Counter = (function() {
var count = 0;
function Counter() {}
Counter.prototype.get = function() {
return count;
};
Counter.prototype.increment = function() {
count ++;
};
return Counter;
})();

4. var Counter = (function() {
var count = 0; クラスを定義したいのに
なんで毎回クラス名を functionって何事！？
function Counter() {}
書かなきゃいけないの！？
Counter.prototype.get = function() {
return count;
}; prototypeって何！？
Counter.prototype.increment = function() {
count ++;
};
このへんの括弧が
return Counter;
})(); よく分からない！

5. JavaScriptって
JavaのScriptじゃ
なかったの！？

6. JavaとJavaScriptは
インドとインドネシアぐらい違う

7. JavaとJavaScriptは
インドとインドネシアぐらい違う
インド
インドネシア

8. それでも僕はJava風に
JavaScriptを書きたい。

9. GWT

10. Javaで書いたコードから
HTML/JavaScriptを
生成するツールキット

11. Google Waveで
採用されて急成長！

12. Google Waveと共に...

13. CoffeeScript

14. 大規模開発を視野に入れた
JavaScriptに
コンパイルできる独自言語

15. var Counter = (function() {
var count = 0;
function Counter() {}
Counter.prototype.get = function() {
return count;
};
Counter.prototype.increment = function() {
count ++;
};
return Counter;
})();

16. class Counter
count = 0
get: () ->
count
increment: () ->
count += 1
return

17. コレジャナイ

18. Rubyライク、
Pythonライクであって
Javaライクではない

19. TypeScript

20. 大規模開発を視野に入れた
JavaScriptにコンｐ（略

21. var Counter = (function() {
var count = 0;
function Counter() {}
Counter.prototype.get = function() {
return count;
};
Counter.prototype.increment = function() {
count ++;
};
return Counter;
})();

22. class Counter {
private count: number = 0;
public get() {
return this.count;
}
public increment() {
this.count ++;
}
}

23. class Counter {
private count: number = 0;
public get() {
return this.count;
}
public increment() {
this.count ++;
}
}

24. キタコレ！

25. TypeScriptに
興味が出てきましたよね？

26. じゃぁ、いつやるか？

28. たった３つの手順で
始められる
TypeScript

29. ①Node.jsを
インストールする
http://nodejs.org/

30. ②TypeScriptを
インストールする
npm install -g typescript

31. ③TypeScriptを
書いてコンパイルする
tsc now.ts

32. 以上！

33. 開発環境は
WebStorm6や
IntelliJ IDEAが
対応済み

34. 静的型付け
クラス、継承
インタフェース
アロー関数（ラムダ）
デバッガ

35. ぜひ「今」から
TypeScriptを
始めましょう！