Downloaded 84 times
![オブジェクト型リテラル
ユニーク
C#の用語を使うと
「メンバへの代入が可能な
匿名インターフェース」
型安全性を保ったまま
JS流のコードが書ける。
というかコード補完が効く。
右以外のシグニチャ
メソッドの代替記法
a():string / a: ()=>string
関数呼び出し ()
インデックス []
コンストラクタ new()](https://image.slidesharecdn.com/131010typescript-131010003907-phpapp01/75/3-TypeScript-20-2048.jpg)
3日時間をもらったのでTypeScriptを触ってみた
- 1. ３日時間をもらったので TypeScriptを触ってみた イースト株式会社 コンテンツビジネス事業部 加藤靖 初版2013年10月10日 最終更新 2013年10月15日
- 2.
- 3.
- 4.
- 5. TypeScript概要 Microsoft謹製の新しいプログラミング言語 JavaScriptのスーパーセット 開発者は Anders Hejlsberg氏＝C#の生みの親 特徴 クラスベースオブジェクト指向 静的型付け JavaScriptに変換されて動作する（トランスコンパイル型） 微妙な仕様はそのまま アナウンスは行っているが いわゆる言語デザイナではなさそう。 （2013/10/15追記） 変数の巻き上げ、for文のスコープ、etc… ECMAScript 6の仕様を意識。 Node.jsとVisual Studio 2012/2013の公式パッケージ
- 6.
- 7.
- 8. TypeScriptとVisual Studioの足並み 2012/8/15 Visual Studio2012リリース 2012/10/1 TypeScript発表。同時にVS2012に対応。 2013/6/20 TypeScript Ver. 0.9リリース。大幅な機能強化。 2013/6/26 Visual Studio 2013Previewリリース 2013/6/28 TypeScript Ver. 0.9.0.1リリース 2013/7/23 TypeScript VS2013Preview対応 2013/8/6 TypeScript Ver. 0.9.1リリース。 2013/8/21 TypeScript Ver. 0.9.1.1リリース。 2013/9/9 Visual Studio 2013RCリリース 2013/9/9 TypeScript VS2013RC対応
- 9.
- 10.
- 11. と思ったら CoffeeScript がいつのまにか SourceMapsに対応していた。 もうCoffeeScriptとChromeデバッガでいいのでは？ 使い慣れた VS 上でデバッグできるのは TypeScript のみ。 また、型チェック・コード補間もろもろとのシナジーもある。 オールインワンの環境としては VS + TS に及ぶものはない。 専用IDEは、Haxe, Dart にもあるが（Flash Studio, Dart Editor―eclipse派生）、 VS 並に普及するのはだいぶ先だろう。
- 12.
- 13.
- 14.
- 15.
- 16. 継承、実現の記法がJava! extends, implements キーワード “:”ではない！ 型アノテーションと重なったのか、 予約語があったからなのか…… ECMAScript 5 の仕様に従っただけと思われる。 （2013/10/15追記）
- 17.
- 18.
- 19.
- 20. オブジェクト型リテラル ユニーク C#の用語を使うと 「メンバへの代入が可能な 匿名インターフェース」 型安全性を保ったまま JS流のコードが書ける。 というかコード補完が効く。 右以外のシグニチャ メソッドの代替記法 a():string / a:()=>string 関数呼び出し () インデックス [] コンストラクタ new()
- 21. 構造的部分型 クラスAがクラスBと継承関係になくても シグニチャさえ満たしていればBとして振る舞える機能。 関連：nominal typing, ducktyping Ocaml(F#の元)の特徴。 C++テンプレート Scala オブジェクト型リテラルと組み合わせてJavaScript流儀のコードが書ける。 ※そもそもオブジェクト型リテラルにextends/implements書けない。 組み込み型やライブラリコードへの適用。
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. Microsoft言語の中核 ― C# 演算子オーバーロード ユーザー定義型変換 abstract, sealed,override readonly, const ジェネリクスの制約。 yield ECMAScript 6にiterator(for-of)とgenerator(function*, yield)がある。 LINQ APIとしては同様のものがある(map/filter in ECMAScript 5)。 フォーラムではiterator/generatorでやるべきという意見も。 メタデータ（属性） C#でも新しい機能(~>3.5)ばかり。 入るべきものは将来入るだろう。 ECMAScript 5, 6にプロパティ属性がある。あくまで処理系向けで、ユーザー定義のものではなかった気がするが。 拡張メソッド mixinがロードマップにある。
- 31. 明日から勉強しようと思ってX年 ― CoffeeScript narrow arrow(->) range型,配列スライス 存在演算子(?) 文字列補間 ヒアドキュメント if 修飾子 配列内包表記 どれも「とても便利なシンタックスシュガー」 機能としては負けてない。 TSとCSで姿勢が対極的。
- 32. えー、これFlashなのぉ？ ― Haxe 機能だけならaltJS随一。 Flashが地盤であることが惜しまれる。 Flash出力、Flash Studio対応。 C++出力、PHP出力、etc 強力な型推論 mixin 代数的データ型（Powerfulenumと呼ばれる） メタデータ イテレータ マクロ インライン関数 最適化
- 33. えっと、これもうJavaScriptじゃないですよね .NET共通言語基盤（CLI）の ― Dart 競合相手と見るべきでは。 ドキュメントコメントの markdown文法 final(readonly), const エントリポイント（main関数） 組み込みのList,Mapとコレクション リテラル 並行実行モデル（Erlang-like） 専用のVM ビット演算子 標準ライブラリ カスケード演算子(..) dart:collection, dart:io, dart:async 演算子オーバーロード dart:html, dart:svg, dart:indexed_db Lexical scope 文字列補間 typedef メタデータ C++/Java系の文法 抽象クラス クライアントアプリケーション フレームワーク モジュール化とオンライン共有 最適化
- 34.
- 35.
- 36. 一方、その戦略的価値は高い ディベロッパ向けの戦略の情報源として Microsoft は Webをどうするつもりなのか 将来の技術的礎の先取りとして 次期 Visual Studio の JavaScript サポート .NETファミリーの新機能
- 37.
- 38.
- 39. より詳しく知りたい人 公式ページ http://www.typescriptlang.org/ http://typescript.codeplex.com/ TypeScript クイックガイド http://phyzkit.net/typescript/ 日本 TypeScriptユーザー会 https://groups.google.com/forum/#!forum/typescript-japan
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46. 列挙型はC#そのまま Ver. 0.9から。 列挙型自身はオブジェクトに、 列挙値はそのプロパティに コンパイルされる。 enum NodeType{ ELEMENT_NODE = 1, ATTRIBUTE_NODE, TEXT_NODE, } 実行時の型はnumber. 相互変換が可能。 値の指定が可能。 if (node.nodeType == NodeType.ELEMENT_NODE) { ... }
- 47.
- 48. ドキュメントコメントはほぼC# Visual Studioのサポート！ /** …*/の形式。 /// はあるのか？ タグは現状@paramのみらしい。