0
TypeScript 勉強会                                    @v vakameSaturday, January 26, 13
俺の名前を言ってみろ                       わかめ まさひろ                                         @v vakame                           Goog...
アンケート                           • JavaScriptバリバリです                           • Java+Servletバリバリです                         ...
今日の約束                     • 話の途中でも質問して良い                           • 挙手はする                           • JavaScriptの質問でもまぁよし...
Webアプリの時代                           • Webアプリがどんどんリッチに                            • Google Maps                            ...
JavaScript sucks!                           • JavaScriptは確かに良い言語だよ                           • しかし腐ってる部分もクソ多い             ...
TypeScriptって?                     • Anders Hejlsberg開発                           • MSのC#の作者                     • JavaScri...
TypeScript the Great                           • JSのSuperSet(上位互換)だよ!                            • 全てのJSはTypeScriptである    ...
型がある                           • リファクタリングした時安心                           • IDEが賢くなる余地が大きい                            • シンボ...
TypeScript以外は?                           • まとめて alterJS と呼ばれるらしい                           • CoffeeScript                 ...
CoffeeScriptは?                           • Better JavaScript                           • インデントベース                         ...
Dartは?                           • Google先生が作ってる                           • 将来的にJavaScriptを完全に置き換え                       ...
JSXは?                           • DeNAが作ってる                           • 動作速度最優先!強力な最適化!                           • それなりにE...
Haxeは?                           • OCamlで書かれている                           • 言語仕様的にはかなり美しい                           • 変換後J...
まとめ       CoffeeScript           僕Python派閥なんで…       Dart                     そもそもJavaScript捨てる予定だしー       JSX            ...
残念ながら…         JavaScriptわからずに開発できるほど甘くはないぜ                JavaScriptも基本教養として学習しましょう。                              TypeScr...
TypeScriptの実践へSaturday, January 26, 13
既存資産の活用                           • 型指定ファイルを作成                            • xxx.d.ts という拡張子                           • お手...
TypeScript実装                           • この後松崎さんから詳しく                           • TypeScriptはTypeScriptで書かれてる             ...
構造的部分型                           • シグニチャあってればまぁいいか                           • interface Hoge { name: string }            ...
ライブコーディング!                           • 時間ある?                           • GAE/J&Slim3 + TypeScript&AngularJS               ...
参考                     • G+ TypeScript                           • http://vvaka.me/U0LuCB                     • わかめはてブ    ...
参考                     • Playground                      • http://www.typescriptlang.org/                         Playgrou...
Upcoming SlideShare
Loading in...5
×

TypeScript 勉強会

9,526

Published on

Published in: Technology
0 Comments
21 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,526
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
26
Comments
0
Likes
21
Embeds 0
No embeds

No notes for slide

Transcript of "TypeScript 勉強会"

  1. 1. TypeScript 勉強会 @v vakameSaturday, January 26, 13
  2. 2. 俺の名前を言ってみろ わかめ まさひろ @v vakame GoogleAppEngine Android alterJSSaturday, January 26, 13
  3. 3. アンケート • JavaScriptバリバリです • Java+Servletバリバリです • Java+Androidバリバリです • C言語ならまかせろー! • ハードウェアなら任せろー!Saturday, January 26, 13
  4. 4. 今日の約束 • 話の途中でも質問して良い • 挙手はする • JavaScriptの質問でもまぁよし • Twitterをちょっと盛る • #tsjpstudySaturday, January 26, 13
  5. 5. Webアプリの時代 • Webアプリがどんどんリッチに • Google Maps • GoogleApps • Facebook • 大規模開発の必要性 • コードたくさん • 関係者多数 • サーバの土管化 (JSON吐く機械)Saturday, January 26, 13
  6. 6. JavaScript sucks! • JavaScriptは確かに良い言語だよ • しかし腐ってる部分もクソ多い • packageとかnamespaceとかない • 綺麗なコード書ける=上級者 • prototypeのOOP??ナニソレ • 型( ゚!゚)クレ 動的型付とかないわ • なのにブラウザ上で動くのはJSだけSaturday, January 26, 13
  7. 7. TypeScriptって? • Anders Hejlsberg開発 • MSのC#の作者 • JavaScriptに変換して実行する • ECMAScript6を意識 • 未来が来ないなら俺が行く! • 現行ブラウザは 3.1 がほとんど • JavaScriptはイケてない!Saturday, January 26, 13
  8. 8. TypeScript the Great • JSのSuperSet(上位互換)だよ! • 全てのJSはTypeScriptである • 可読性の高い変換後JSコード • moduleあるよ! • classもあるよ!継承もあるよ! • 型もあるよ! • 既存の資産も捨てなくて済むよ! • TypeScriptはロックインもされない!Saturday, January 26, 13
  9. 9. 型がある • リファクタリングした時安心 • IDEが賢くなる余地が大きい • シンボルのリネーム • メソッドシグニチャの変更 • 100%アクセス可能な要素のみ補完 • 作り始めた時 != 設計の決定Saturday, January 26, 13
  10. 10. TypeScript以外は? • まとめて alterJS と呼ばれるらしい • CoffeeScript • Dart • JSX • HaxeSaturday, January 26, 13
  11. 11. CoffeeScriptは? • Better JavaScript • インデントベース • 可読性の高い変換後JSコード • Railsで標準採用 • classベースのOOP • 既存の資産も活かせる • TG社でもみんなが使ってる • 惜しむらくは型がない!Saturday, January 26, 13
  12. 12. Dartは? • Google先生が作ってる • 将来的にJavaScriptを完全に置き換え • 全く別言語からの変換 • 変換後JSはかなり読めない • Dartにロックインされる • IDEが並行で開発されている!! • 言語仕様が後発のくせに芋っぽいSaturday, January 26, 13
  13. 13. JSXは? • DeNAが作ってる • 動作速度最優先!強力な最適化! • それなりにES6っぽい見た目 • 変換後JSはかなり読めない • 開発のリソースがちょっと足りなさげSaturday, January 26, 13
  14. 14. Haxeは? • OCamlで書かれている • 言語仕様的にはかなり美しい • 変換後JSはかなり読めない • 色々な言語に変換できる • 優秀なIDEがWindowsにしかないSaturday, January 26, 13
  15. 15. まとめ CoffeeScript 僕Python派閥なんで… Dart そもそもJavaScript捨てる予定だしー JSX お前に足りないものは情熱思想理念頭脳気品優 Haxe 僕JS以外にも狙い定めてるし僕の言語仕様 超美しいよ!なんてったってOCamlだしね! TypeScript JavaScript後進の優等生ざますSaturday, January 26, 13
  16. 16. 残念ながら… JavaScriptわからずに開発できるほど甘くはないぜ JavaScriptも基本教養として学習しましょう。 TypeScriptを踏み台にするのは大アリSaturday, January 26, 13
  17. 17. TypeScriptの実践へSaturday, January 26, 13
  18. 18. 既存資産の活用 • 型指定ファイルを作成 • xxx.d.ts という拡張子 • お手本はたくさんある • 普通のtsコンパイルで.d.tsの出力も • Roadmapでは0.9.xで集積サイトがSaturday, January 26, 13
  19. 19. TypeScript実装 • この後松崎さんから詳しく • TypeScriptはTypeScriptで書かれてる • コンパイラ = JavaScript • ブラウザ上でコンパイラが動く! • Playground • あとまぁNode.jsでも動くSaturday, January 26, 13
  20. 20. 構造的部分型 • シグニチャあってればまぁいいか • interface Hoge { name: string } • function foo(hoge: Hoge) { ... } • foo({ name: “羊”}); // OK! • このお陰で既存資産の活用が現実的Saturday, January 26, 13
  21. 21. ライブコーディング! • 時間ある? • GAE/J&Slim3 + TypeScript&AngularJS • 作りかけのアプリに1機能追加してみるSaturday, January 26, 13
  22. 22. 参考 • G+ TypeScript • http://vvaka.me/U0LuCB • わかめはてブ • http://vvaka.me/WOYMmL • TypeScript クイックガイド • http://phyzkit.net/typescript/Saturday, January 26, 13
  23. 23. 参考 • Playground • http://www.typescriptlang.org/ Playground/ • Spec • http://vvaka.me/UL7KUz • DefinitelyTyped • http://vvaka.me/WYHzGT • 今日の元ネタ • http://vvaka.me/VokmDnSaturday, January 26, 13
  1. A particular slide catching your eye?

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

×