Your SlideShare is downloading. ×
TypeScriptのススメ ~JavaエンジニアのためのJava(like)Script
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,220
views

Published on

AdvancedTechNight No.6 LightningTalk #2

AdvancedTechNight No.6 LightningTalk #2

Published in: Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,220
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
6
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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にコンp(略
  • 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. じゃぁ、いつやるか?
  • 27. たった3つの手順で 始められる TypeScript
  • 28. ①Node.jsをインストールするhttp://nodejs.org/
  • 29. ②TypeScriptを インストールするnpm install -g typescript
  • 30. ③TypeScriptを書いてコンパイルする tsc now.ts
  • 31. 以上!
  • 32. 開発環境はWebStorm6やIntelliJ IDEAが 対応済み
  • 33. 静的型付け クラス、継承 インタフェースアロー関数(ラムダ) デバッガ
  • 34. ぜひ「今」からTypeScriptを始めましょう!

×