Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

TypeScript 独習会

2,339 views

Published on

Published in: Technology
  • Be the first to comment

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

×