Your SlideShare is downloading. ×
0
TypeScript 独習会

http://goo.gl/t8T76v

@v vakame
今日の流れ

• わかめからTypeScriptについて少し!
• 井上さんからNuGetについて少し!
• みなさん好きにTypeScriptしてね!
今日のお約束
• 好きに勉強する!
• 別に話聞かなくてもよい!
• 話の途中でも質問して良い!
• 挙手はする!
• Twitterを有効活用する!
• #typescriptjp
わかめ まさひろ
@v vakame
GAE
TypeScript
Android
AngularJS
• Google App Engine!
• Android!
• Google Apps!
などなど、!
!
!

技術に特化した会社です。!
普段の開発環境

http://goo.gl/VBQic
TypeScriptって?
• JavaScriptの上位互換!
• JavaScript + α の文法構造!
• 静的型付け!
• コンパイラがいろいろ指摘してくれる!
• 企業での集団開発に有利
なぜTypeScriptか
• 静的型付け!
• コンパイラがたくさん助けてくれる!
• アホにも使いやすい!
• 変換後のJavaScriptがめっちゃ美しい!
• TypeScriptやめたくなったら

JavaScriptメンテすればいい...
JavaScript sucks!
• 貧弱だったり腐ってる言語仕様!!
• packageとかnamespaceとかない!
• 綺麗なコード書ける=上級者!
• prototypeのOOP??ナニソレ!
• エラーは実行時に起こってるんだ!!...
型がある
• リファクタリングした時安心!
• 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/!
• TypeSc...
日本語でがんばる
• 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:/...
コントリビュートしたい!
• DefinitelyTyped に pull request 送る!
• http://goo.gl/A9dgA!
• http://goo.gl/AMrG8d!
• http://goo.gl/RGOPyn!
• ...
Upcoming SlideShare
Loading in...5
×

TypeScript 独習会

932

Published on

Published in: Technology

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×