TypeScript 独習会

1,156
-1

Published on

Published in: Technology

TypeScript 独習会

  1. 1. TypeScript 独習会 http://goo.gl/t8T76v @v vakame
  2. 2. 今日の流れ • わかめからTypeScriptについて少し! • 井上さんからNuGetについて少し! • みなさん好きにTypeScriptしてね!
  3. 3. 今日のお約束 • 好きに勉強する! • 別に話聞かなくてもよい! • 話の途中でも質問して良い! • 挙手はする! • Twitterを有効活用する! • #typescriptjp
  4. 4. わかめ まさひろ @v vakame GAE TypeScript Android AngularJS
  5. 5. • Google App Engine! • Android! • Google Apps! などなど、! ! ! 技術に特化した会社です。!
  6. 6. 普段の開発環境 http://goo.gl/VBQic
  7. 7. TypeScriptって? • JavaScriptの上位互換! • JavaScript + α の文法構造! • 静的型付け! • コンパイラがいろいろ指摘してくれる! • 企業での集団開発に有利
  8. 8. なぜTypeScriptか • 静的型付け! • コンパイラがたくさん助けてくれる! • アホにも使いやすい! • 変換後のJavaScriptがめっちゃ美しい! • TypeScriptやめたくなったら
 JavaScriptメンテすればいいじゃない
  9. 9. JavaScript sucks! • 貧弱だったり腐ってる言語仕様!! • packageとかnamespaceとかない! • 綺麗なコード書ける=上級者! • prototypeのOOP??ナニソレ! • エラーは実行時に起こってるんだ!! • ついでに客も怒る! • なのにブラウザ上で動くのはJSだけ
  10. 10. 型がある • リファクタリングした時安心! • IDEが賢くなる余地が大きい! • シンボルのリネーム! • メソッドシグニチャの変更! • 100%アクセス可能な要素のみ補完! • 作り始めた時 != 設計の決定
  11. 11. TypeScript以外は? • まとめて alterJS と呼ばれるらしい! • CoffeeScript! • Dart! • JSX! • Haxe
  12. 12. TypeScript以外は? • まとめて alterJS と呼ばれるらしい! • CoffeeScript! 型ない • Dart! • JSX! • Haxe
  13. 13. TypeScript以外は? • まとめて alterJS と呼ばれるらしい! • CoffeeScript! 型ない • Dart! • JSX! • Haxe ロックインされる
  14. 14. 間違った幻想 JavaScriptがわからなくても TypeScriptなら開発ができる! TypeScriptを踏み台にするのは大アリ 細かい仕様は結局覚えたほうが効率がいい
  15. 15. 既存資産の活用 • 宣言ソースファイルを作成! • xxx.d.ts という拡張子! • DefinitelyTypedに集まってる I’m DT member!
  16. 16. TypeScript 独習に向けて
  17. 17. 公式リソース • TypeScript Playground! • http://goo.gl/6XkKt! • TypeScript CodePlex! • https://typescript.codeplex.com/! • TypeScript言語仕様! • http://goo.gl/iy0OC
  18. 18. 日本語でがんばる • TypeScript クイックガイド! • http://phyzkit.net/typescript/! • Google+ TypeScriptコミュニティ! • http://goo.gl/vsLHtX
  19. 19. わかめの過去の資料 • 上のものほど新しい! • 0.8時代の記事とか信じちゃだめよ!! • http://goo.gl/j0PJo! • http://goo.gl/tyvzk! • http://goo.gl/eTLdo! • http://goo.gl/Bgl6L! • http://goo.gl/4VZyab
  20. 20. コントリビュートしたい! • DefinitelyTyped に pull request 送る! • http://goo.gl/A9dgA! • http://goo.gl/AMrG8d! • http://goo.gl/RGOPyn! • 公式のCodePlexで議論したり! • http://goo.gl/nDh7tC! • http://goo.gl/HKPUzQ

×