AngularJS福岡勉強会(第１回) (http://www.zusaar.com/event/10477010) でのLT発表資料です。

1. 初心者 × AngularJS × TypeScript
@tsubakimoto_s
2014/07/05
AngularJS福岡勉強会 (第1回)

2. 自己紹介
• 松村 優大 (Yuta Matsumura)
• @tsubakimoto_s
• 医療系システム開発、受託開発 (C#, VB.NET)
• 島根 → 長崎 → 福岡
• 草ソフトボールしてます。メンバー募集中。
初心者 × AngularJS × TypeScript 2

3. TypeScript
• Microsoft が開発したオープンソース言語。
• JavaScript を生成する AltJS の一部。
• 2014年4月に Ver 1.0 がリリース。
• 絶賛勉強中。
• http://www.typescriptlang.org/
• http://www.typescriptlang.org/Playground
初心者 × AngularJS × TypeScript 3

4. TypeScript の開発環境
• Visual Studio なら Intelligence が使えて便利。
• VS のバージョンに注意
• Visual Studio 2012 + TypeScript Extension
• Visual Studio 2013 Update 2
• 必須な Extension
• Web Essentials
初心者 × AngularJS × TypeScript 4

5. TypeScript 書いてみる
初心者 × AngularJS × TypeScript 5
TypeScript JavaScript

6. TypeScript 書いてみる
初心者 × AngularJS × TypeScript 6

7. 定義ファイル
• JavaScript ライブラリを TypeScript で利用できるよう
に変換したファイル。
• 拡張子は .d.ts
• 有名どころのライブラリの定義ファイルはあります。
• https://github.com/borisyankov/DefinitelyTyped
• もちろん AngularJS の定義ファイルもあります。
初心者 × AngularJS × TypeScript 7

8. NuGet
• Visual Studio で定義ファイルを導入するには
NuGet を使うとカンタン。
• NuGet とは .NET 向けのパッケージマネージャ。
• ソフトウェアやライブラリが入手できる。
• 参考：http://bit.ly/1mWWu60
初心者 × AngularJS × TypeScript 8

9. NuGet
初心者 × AngularJS × TypeScript 9

10. • 依存関係にあるライブラリも同時にインストールされる。
NuGet
初心者 × AngularJS × TypeScript 10

11. TypeScript 書いてみる
初心者 × AngularJS × TypeScript 11

12. TypeScript って何か便利そう！
初心者 × AngularJS × TypeScript 12

13. ありがとうございました。
初心者 × AngularJS × TypeScript 13