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