TypeScriptについてお話しました。

1. 第32回NSEG勉強会
にしざわこういち
2012/10/27 第32回nseg勉強会 1

2. 自己紹介
にしざわこういち
@koty
読みはコーティー
市内SIer勤務
ASP.NET/C#/Hanko
最近Java/Scala
http://www.flickr.com/photos/mujitra/6816860617/
2012/10/27 第32回nseg勉強会 2

3. 突然ですが
2012/10/27 第32回nseg勉強会 3

4. JavaScript
好きです
か？ http://www.oreilly.co.jp/books/9784873115733/
2012/10/27 第32回nseg勉強会 4

5. 私は
JavaScript
嫌いです
http://www.oreilly.co.jp/books/9784873115733/
2012/10/27 第32回nseg勉強会 5

6. 変態言語
http://kn.2ngen.jp/
2012/10/27 第32回nseg勉強会 6

7. フリーダム
2012/10/27 http://www.flickr.com/photos/54637956@N02/5061049945/
第32回nseg勉強会 7

8. •アクセス修飾子無し
•名前空間無し
•型無し
→「これがベスト」
という実現方法無し
2012/10/27 第32回nseg勉強会 8

9. •アクセス修飾子無し
•名前空間無し
•型無し
→各人が変態な手法
で実現
2012/10/27 第32回nseg勉強会 9

10. 僕は
変態
じゃない！
2012/10/27 第32回nseg勉強会 10

11. コンパイル
しないと落
ち着かない
2012/10/27 第32回nseg勉強会 11

12. altJS
コンパイルするとJavaScriptになる言語
CofeeScript
Haxe
JSX
2012/10/27 第32回nseg勉強会 12

13. TypeScript
http://www.typescriptlang.org/
2012/10/27 第32回nseg勉強会 13

14. 今月MSから
発表された
2012/10/27 第32回nseg勉強会 14

15. Type:型
Script：JavaScript
2012/10/27 第32回nseg勉強会 15

16. TypeScript
コンパイルするとJavaScriptになる
JavaScriptのsuper set
プラス
型指定
module/class/interface
アクセス修飾子
ラムダ
2012/10/27 第32回nseg勉強会 16

17. 導入方法
Node.jsのパッケージとして
npm install -g typescript
Linuxでも導入可
Visual Studio 2012の拡張機能として
http://www.microsoft.com/en-
us/download/details.aspx?id=34790
ExpressでもOK
「Web Essentials 2012」というextensionを
入れると.jsファイルをプレビューできる
2012/10/27 第32回nseg勉強会 17

18. Hello World
Hello.ts
alert('Hello World!");
> tsc.exe Hello.ts
Helo.js が同じフォルダにできる
alert('Hello World!");
2012/10/27 第32回nseg勉強会 18

19. 外部JSライブラリの参照
jQueryを使いたいときとか。
.d.tsファイル
ファイル先頭に reference タグを記述
/// <reference path="jquery.d.ts" />
/// <reference path="Shachiku.ts" />
.jsになった後の参照関係は別途
今後はJSのライブラリが.d.tsとセットでリ
リースされるようになる！！！といいなぁ。。。
2012/10/27 第32回nseg勉強会 19

20. デモ
2012/10/27 第32回nseg勉強会 20

21. 問題
win環境だと文字コードがSJISオンリー
UTF8で.jsを作れない → 解決する予定
VisualStudioに下記ビルドイベントを設定し
て解決。。
for %%i in (..¥Scripts¥*.js) do
"$(ProjectDir)tools¥nkf.exe" -w8 --overwrite %%i
privateスコープなのに外から呼べる？？
ほか、issueはいろいろ
http://typescript.codeplex.com/workitem/l
2012/10/27ist/basic 第32回nseg勉強会 21

22. ロードマップ
ジェネリクスが追加されるとのこと
Developer Previewの段階なので、正式リ
リースまでにはまだいろいろ変わりそう
2012/10/27 第32回nseg勉強会 22

23. まだ発展途上だけど、
JavaScriptから逃れ
られない昨今、期待
してます！
2012/10/27 第32回nseg勉強会 23

24. おしまい
2012/10/27 第32回nseg勉強会 24