TypeScript 独習会

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