Recommended
More Related Content
What's hot
What's hot (19)
Similar to 3日時間をもらったのでTypeScriptを触ってみた
Similar to 3日時間をもらったのでTypeScriptを触ってみた (20)
Recently uploaded
Recently uploaded (9)
3日時間をもらったのでTypeScriptを触ってみた
- 1. ３日時間をもらったので TypeScriptを触ってみた イースト株式会社 コンテンツビジネス事業部 加藤靖 初版 2013年10月10日 最終更新 2013年10月15日
- 4. TypeScriptとは
- 5. TypeScript概要 Microsoft謹製の新しいプログラミング言語 JavaScriptのスーパーセット 開発者は Anders Hejlsberg 氏＝C#の生みの親 特徴 クラスベースオブジェクト指向 静的型付け JavaScriptに変換されて動作する（トランスコンパイル型） 微妙な仕様はそのまま アナウンスは行っているが いわゆる言語デザイナではなさそう。 （2013/10/15追記） 変数の巻き上げ、for文のスコープ、etc… ECMAScript 6の仕様を意識。 Node.jsとVisual Studio 2012/2013の公式パッケージ
- 8. TypeScriptとVisual Studioの足並み 2012/8/15 Visual Studio 2012リリース 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対応
- 11. と思ったら CoffeeScript がいつのまにか SourceMaps に対応していた。 もうCoffeeScriptとChromeデバッガでいいのでは？ 使い慣れた VS 上でデバッグできるのは TypeScript のみ。 また、型チェック・コード補間もろもろとのシナジーもある。 オールインワンの環境としては VS + TS に及ぶものはない。 専用IDEは、Haxe, Dart にもあるが（Flash Studio, Dart Editor―eclipse派生）、 VS 並に普及するのはだいぶ先だろう。
- 16. 継承、実現の記法がJava! extends, implements キーワード “:”ではない！ 型アノテーションと重なったのか、 予約語があったからなのか…… ECMA Script 5 の仕様に従っただけと思われる。 （2013/10/15追記）
- 20. オブジェクト型リテラル ユニーク C#の用語を使うと 「メンバへの代入が可能な 匿名インターフェース」 型安全性を保ったまま JS流のコードが書ける。 というかコード補完が効く。 右以外のシグニチャ メソッドの代替記法 a():string / a: ()=>string 関数呼び出し () インデックス [] コンストラクタ new()
- 21. 構造的部分型 クラスAがクラスBと継承関係になくても シグニチャさえ満たしていればBとして振る舞える機能。 関連：nominal typing, duck typing Ocaml(F#の元)の特徴。 C++テンプレート Scala オブジェクト型リテラルと組み合わせてJavaScript流儀のコードが書ける。 ※そもそもオブジェクト型リテラルにextends/implements書けない。 組み込み型やライブラリコードへの適用。
- 23. 関数オーバーロードとその仲間たち 微妙 とだけ憶えてください。 定義部分は一つで、引数の型判別は 全部自分で書かないといけない。 あくまで外部向けという感じ。 仕様変更も多い。
- 28. JavaScriptのライブラリも使えます。 外部ファイルに型情報を記述する（アンビエント宣言という）。 有名どころは有志がメンテ。 ファイルの拡張子はd.ts jQuery, knockout, underscore, backbone, … 自社ライブラリはがんばるしかない。
- 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 代数的データ型（Powerful enumと呼ばれる） メタデータ イテレータ マクロ インライン関数 最適化
- 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. MSDNのコードサンプルが C#とTypeScriptになってからが本番 あって当然の機能が揃ったところ。 プレ.NET 2.0感 強みはVisual Studio. 現状プロダクトユースに使うには怖い。 バグが多い。 破壊的変更も頻繁 Ver. 0.9でboolがbooleanに！
- 36. 一方、その戦略的価値は高い ディベロッパ向けの戦略の情報源として Microsoft は Web をどうするつもりなのか 将来の技術的礎の先取りとして 次期 Visual Studio の JavaScript サポート .NETファミリーの新機能
- 37. Appendix A 参考リンク
- 39. より詳しく知りたい人 公式ページ http://www.typescriptlang.org/ http://typescript.codeplex.com/ TypeScript クイックガイド http://phyzkit.net/typescript/ 日本 TypeScript ユーザー会 https://groups.google.com/forum/#!forum/typescript-japan
- 46. 列挙型はC#そのまま Ver. 0.9から。 列挙型自身はオブジェクトに、 列挙値はそのプロパティに コンパイルされる。 enum NodeType { ELEMENT_NODE = 1, ATTRIBUTE_NODE, TEXT_NODE, } 実行時の型はnumber. 相互変換が可能。 値の指定が可能。 if (node.nodeType == NodeType.ELEMENT_NODE) { ... }
- 48. ドキュメントコメントはほぼC# Visual Studioのサポート！ /** … */の形式。 /// はあるのか？ タグは現状@paramのみらしい。