TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script

2,288 views

Published on

AdvancedTechNight No.6 LightningTalk #2

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,288
On SlideShare
0
From Embeds
0
Number of Embeds
183
Actions
Shares
0
Downloads
8
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script

  1. 1. TypeScriptのススメ∼ JavaエンジニアのためのJava(like)Script 2013/03/15 Acroquest Technology株式会社 谷本 心 ( @cero_t )
  2. 2. 今夜のテーマ:JavaScript
  3. 3. var Counter = (function() { var count = 0; function Counter() {} Counter.prototype.get = function() { return count; }; Counter.prototype.increment = function() { count ++; }; return Counter;})();
  4. 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. 5. JavaScriptってJavaのScriptじゃ なかったの!?
  6. 6. JavaとJavaScriptはインドとインドネシアぐらい違う
  7. 7. JavaとJavaScriptはインドとインドネシアぐらい違う インド インドネシア
  8. 8. それでも僕はJava風にJavaScriptを書きたい。
  9. 9. GWT
  10. 10. Javaで書いたコードからHTML/JavaScriptを 生成するツールキット
  11. 11. Google Waveで採用されて急成長!
  12. 12. Google Waveと共に...
  13. 13. CoffeeScript
  14. 14. 大規模開発を視野に入れた JavaScriptにコンパイルできる独自言語
  15. 15. var Counter = (function() { var count = 0; function Counter() {} Counter.prototype.get = function() { return count; }; Counter.prototype.increment = function() { count ++; }; return Counter;})();
  16. 16. class Counter count = 0 get: () -> count increment: () -> count += 1 return
  17. 17. コレジャナイ
  18. 18. Rubyライク、Pythonライクであって Javaライクではない
  19. 19. TypeScript
  20. 20. 大規模開発を視野に入れたJavaScriptにコンp(略
  21. 21. var Counter = (function() { var count = 0; function Counter() {} Counter.prototype.get = function() { return count; }; Counter.prototype.increment = function() { count ++; }; return Counter;})();
  22. 22. class Counter { private count: number = 0; public get() { return this.count; } public increment() { this.count ++; }}
  23. 23. class Counter { private count: number = 0; public get() { return this.count; } public increment() { this.count ++; }}
  24. 24. キタコレ!
  25. 25. TypeScriptに興味が出てきましたよね?
  26. 26. じゃぁ、いつやるか?
  27. 27. たった3つの手順で 始められる TypeScript
  28. 28. ①Node.jsをインストールするhttp://nodejs.org/
  29. 29. ②TypeScriptを インストールするnpm install -g typescript
  30. 30. ③TypeScriptを書いてコンパイルする tsc now.ts
  31. 31. 以上!
  32. 32. 開発環境はWebStorm6やIntelliJ IDEAが 対応済み
  33. 33. 静的型付け クラス、継承 インタフェースアロー関数(ラムダ) デバッガ
  34. 34. ぜひ「今」からTypeScriptを始めましょう!

×