LT駆動開発04 5分では分からないTypeScriptのなんとか
1 like1,070 views
LT駆動開発 04で発表したLT資料です。 「5分では分からないTypeScriptのなんとか」
![module
?SelfIntroduction
?{
?
?
?
?export
?class
?Me
?extends
?Person
?{
?
?
?
?
?
?
?
?
?private
?name:
?string
?=
?”松原和也”;
?
?
?
?
?
?
?
?
?private
?twitterId:
?string
?=
?”@Toro_kun”;
?
?
?
?
?
?
?
?
?private
?community:string[]
?=
?[
?
?
?
?
?
?
?
?
?
?
?
?
?”?日本Androidの会中国?支部@sta?”,
?
?
?
?
?
?
?
?
?
?
?
?
?”GDG中国@sta?”,
?
?
?
?
?
?
?
?
?
?
?
?
?”JSers'
?Cafe
?ZERO@owner”
?
?
?
?
?
?
?
?
?];
?
?
?
?
?}
?
}
?](https://image.slidesharecdn.com/typescript-140607100237-phpapp01/85/LT-04-5-TypeScript-2-320.jpg)
![enum
TypeScript
?
enum
?sample
?{
?
?a
?=
?1,
?
?b,
?
?c
?=
?4,
?
?daa
?
}
JavaScript
?
sample;
?
(function
?(sample)
?{
?
?
?
?
?sample[sample["a"]
?=
?1]
?=
?"a";
?
?
?
?
?sample[sample["b"]
?=
?2]
?=
?"b";
?
?
?
?
?sample[sample["c"]
?=
?4]
?=
?"c";
?
?
?
?
?sample[sample["daa"]
?=
?5]
?=
?"daa";
?
})(sample
?||
?(sample
?=
?{}));](https://image.slidesharecdn.com/typescript-140607100237-phpapp01/85/LT-04-5-TypeScript-8-320.jpg)
More Related Content
What's hot (20)
Viewers also liked (14)
Similar to LT駆動開発04 5分では分からないTypeScriptのなんとか (20)
LT駆動開発04 5分では分からないTypeScriptのなんとか
- 2. module ?SelfIntroduction ?{ ? ? ? ?export ?class ?Me ?extends ?Person ?{ ? ? ? ? ? ? ? ? ?private ?name: ?string ?= ?”松原和也”; ? ? ? ? ? ? ? ? ?private ?twitterId: ?string ?= ?”@Toro_kun”; ? ? ? ? ? ? ? ? ?private ?community:string[] ?= ?[ ? ? ? ? ? ? ? ? ? ? ? ? ?”?日本Androidの会中国?支部@sta?”, ? ? ? ? ? ? ? ? ? ? ? ? ?”GDG中国@sta?”, ? ? ? ? ? ? ? ? ? ? ? ? ?”JSers' ?Cafe ?ZERO@owner” ? ? ? ? ? ? ? ? ?]; ? ? ? ? ?} ? } ?
- 3. TypeScriptとは ??? 静的型付け?言語 ? ??? ???????? ? ??? 2014年年04?月02?日にversion ?1.0がリリース ? ??? JavaScriptのスーパーセット ? ??? コンパイルしてJavaScriptを?生成 ? ??? altJS ?
- 4. altJS ?言語 設計/開発 登場時期 影響を受けた?言語 Co?eeScript Jeremy ?Ashkenas, ? et ?al. 2009 JavaScript, ?Python, ?Ruby, ? Haskell TypeScript Microsoft 2012 JavaScript, ?Java, ?C# Haxe Haxe ?Foundation, ? Nicolas ?Cannasse 2005 ActionScript, ?OCaml Dart Google 2011 Java, ?C++, ?JavaScript, ? Co?eeScript, ?Go JSX DeNA 2012 JavaScript, ?ActionScript モダンな?言語でHTML5を開発しよう！ ?俯瞰して理理解するaltJSの?比較 ?(前篇 ?– ?TypeScript, ?Co?eeScript, ?Haxe) ? ? http://html5experts.jp/clockmaker/2183/ ?より ?
- 5. TypeScriptの何がいいのか ??? コンパイル時に型の整合性チェックが?行行われる ? ??? IDE等で補完機能を使える ? ??? JavaScriptの書き?方をしても動く ? ??? （この部分は静的型付けは損なわれるが???） ? ??? TypeScriptとほぼ?一対?一で対応するJavaScriptに変換 ? ??? ?生成されたJavaScriptの可読性がよい ?
- 6. TypeScriptの開発環境 ??? Visual ?Studio ?2013、2012（WIndows） ? ??? WebStorm ? ??? Eclipse ?+ ?Eclipse ?TypeScript ?plug-?‐in ? ??? Sublime ?Text ?+ ?T3Sモジュール ? ??? Vim ?+ ?TypeScriptプラグイン ? ??? Emacs ?+ ?TypeScript拡張
- 7. つかってみました
- 8. enum TypeScript ? enum ?sample ?{ ? ?a ?= ?1, ? ?b, ? ?c ?= ?4, ? ?daa ? } JavaScript ? sample; ? (function ?(sample) ?{ ? ? ? ? ?sample[sample["a"] ?= ?1] ?= ?"a"; ? ? ? ? ?sample[sample["b"] ?= ?2] ?= ?"b"; ? ? ? ? ?sample[sample["c"] ?= ?4] ?= ?"c"; ? ? ? ? ?sample[sample["daa"] ?= ?5] ?= ?"daa"; ? })(sample ?|| ?(sample ?= ?{}));
- 12. 终