Downloaded 84 times
![オブジェクト型リテラルユニークC#の用語を使うと「メンバへの代入が可能な匿名インターフェース」型安全性を保ったままJS流のコードが書ける。というかコード補完が効く。右以外のシグニチャメソッドの代替記法a():string / a: ()=>string関数呼び出し ()インデックス []コンストラクタ new()](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2f131010typescript-131010003907-phpapp01%2f75%2f3-TypeScript-20-2048.jpg&f=jpg&w=240)
YK
Uploaded byYasushi Kato
28,110 views
3日時間をもらったのでTypeScriptを触ってみた
Microsoft社の新言語TypeScriptについて社内の自主研究発表会で発表した内容です。対象バージョンは V0.9（2013年10月時点の最新）。比較対象としてCoffeeScript, Haxe, Dartなどにも触れています。
Recommended
More Related Content
What's hot
Similar to 3日時間をもらったのでTypeScriptを触ってみた
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/15Visual Studio2012リリース2012/10/1TypeScript発表。同時にVS2012に対応。2013/6/20TypeScript Ver. 0.9リリース。大幅な機能強化。2013/6/26Visual Studio 2013Previewリリース2013/6/28TypeScript Ver. 0.9.0.1リリース2013/7/23TypeScript VS2013Preview対応2013/8/6TypeScript Ver. 0.9.1リリース。2013/8/21TypeScript Ver. 0.9.1.1リリース。2013/9/9Visual Studio 2013RCリリース2013/9/9TypeScript 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, ducktypingOcaml(F#の元)の特徴。C++テンプレートScalaオブジェクト型リテラルと組み合わせてJavaScript流儀のコードが書ける。※そもそもオブジェクト型リテラルにextends/implements書けない。組み込み型やライブラリコードへの適用。
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.JavaScriptのライブラリも使えます。外部ファイルに型情報を記述する（アンビエント宣言という）。有名どころは有志がメンテ。ファイルの拡張子はd.tsjQuery, knockout, underscore,backbone, …自社ライブラリはがんばるしかない。
- 29.
- 30.Microsoft言語の中核― C#演算子オーバーロードユーザー定義型変換abstract, sealed,overridereadonly, constジェネリクスの制約。yieldECMAScript 6にiterator(for-of)とgenerator(function*, yield)がある。LINQAPIとしては同様のものがある(map/filter in ECMAScript 5)。フォーラムではiterator/generatorでやるべきという意見も。メタデータ（属性）C#でも新しい機能(~>3.5)ばかり。入るべきものは将来入るだろう。ECMAScript 5, 6にプロパティ属性がある。あくまで処理系向けで、ユーザー定義のものではなかった気がするが。拡張メソッドmixinがロードマップにある。
- 31.明日から勉強しようと思ってX年― CoffeeScriptnarrow 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_dbLexical 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のみらしい。