TypeScript 入門してみる
1 like1,676 views
2015/11/21 Kansai Frontend UG 「2016年のAltJSについて語る会」発表スライド
TypeScript 入門してみる
- 2. 自己紹介 ● KEN ○ @kenfdev ○ http://kenev.net/ ● 株式会社 鈴木商店 ○ 大阪のクラウドシステム開発会社 ● とにかくJavaScriptが好き ○ 元々.NET系エンジニアだったがJavaScripter に転身
- 3. もくじ ● TypeScript？ ● Visual Studio Code？ ● デモ ● 参考URLなど
- 4. TypeScript？
- 8. TypeScript?ー型の何がうれしいの？ ● 型情報が無い場合とくらべてリファクタが容易になる ● コンパイラ（っぽいもの）がエラーを見つけてくれる ○ ランタイム時に見つかる凡ミスとはおさらば！ ※後ほどデモでお見せします
- 9. TypeScript?ー導入ってめんどくさくないの？ ● そんなことはない（たぶん） ● なぜなら ● JavaScriptはTypeScript だから TypeScript JavaScript
- 10. TypeScript?ー導入ってめんどくさくないの？ .js → .ts TypeScriptはJavaScriptのスーパーセットなので、 拡張子を変えるだけでTypeScriptファイルの完成！
- 12. TypeScript?ー暗黙的な型推論 ● .js → .ts した時点で型推論は始まる！ ● number型にstring型を入れようとしたら怒られます！ ● なのでとりあえず.js → .tsとするだけでちょっとTypeScriptの恩恵を受けることが できます
- 14. Interfaces ClassesModules Functions Generics Mixins Declaration Merging d.ts Files TypeScript?ー強み・特徴
- 15. めっちゃあります ので
- 16. Interfaces ClassesModules Functions Generics Mixins Declaration Merging d.ts Files この辺りについてデモします
- 17. その前に…
- 19. Visual Studio Code? ● 無料の（高機能）コードエディタ ● 立ち位置的にはSublimeTextとかAtomとかの対抗馬（？）たぶん ● クロスプラットフォーム ● Intellisenseが使える（特にTypeScriptと使うとすごい） ● Node.jsのデバッグができたり ● ASP.NETの開発ができたり ● Gitが使えたり ● などなど…
- 22. とりあえずそろそろ デモします
- 23. 参考URL（ほとんど英語ですが…） ● TypeScript Book https://github.com/basarat/typescript-book ● Editing TypeScript https://code.visualstudio.com/Docs/languages/typescript ● TypeScript公式サイト http://www.typescriptlang.org/ ● Visual Studio Code https://www.visualstudio.com/ja-jp/products/code-vs.aspx
- 24. ご清聴 ありがとうございました