• TypeScript触ってみました。
• JSライブラリの発展すごいよ。

• AltJS !
  • JavaScriptにコンパイルできる言語
• C#を作ったアンダースさんが作ったよ
• JavaScriptのかゆいところに手が届くよ
  • 静的型付け/クラスベースのオブジェクト指向/名前空間など
• ほぼ同じ構造のリーダブルなJSが出来上がるよ
• Apache License 2.0

• CoffeeScript
  • Rails標準
  • でも静的型付けではない
  • 読みやすいJSを出力
• Haxe
  • コンパイル後のJSが最適化される
  • Flash,PHP,Java,C#とかにもコンパイルできるらしい

• Dart
  • Google社製
  • コンパイルしてネイティブ化もできる
  • JavaScriptの置き換えを狙っている
  • 最適化
• JSX
  • DeNA社製
  • 最適化

• node.jsの場合
  • npm -g install typescript
  • エディタはVim、Emacs、Sublime Textなど
• Visual Studio
  • 拡張機能としてインストール

• module
• class
• enum
• reference
• generics
• 宣言ソースファイル

サンプル作ってみました

• Visual Studio で使ってみて
  • インテリセンス
  • デバッグ
• 既存JSライブラリと連携が容易
  • NuGetで宣言ファイルとライブラリ本体を入手可
  • 有名どころの宣言ファイルはたいてい公開されている(DefinitelyTyped)

• referenceだるい
• htmlファイルにjsパスの追加忘れがち
• 公開されている宣言ファイル0.9対応(主にgenerics)されてない場合あり
• 公開されてなかったり、自作のJSライブラリの場合は宣言ファイルも自作
• IDEとの連携がまだ弱い

• testerm
  • テストランナー(更新自動検知!)
• jasmine
  • ユニットテスト(Spec形式)
• knockout.js
  • MVVMパターンフレームワーク
• underscore.js
  • コレクション処理

• testermを起動させておく
• ブラウザでテストランナーを表示する
• jasmineでSpecを書く
• 実装
• ビルド
• テストが自動実行される(゜д゜)ｳﾏｰ

• QUnit ・・・ ユニットテスト(XUnit形式)
• Backbone.js ・・・ MVCフレームワーク
• grunt ・・・ ビルドツール
• bower ・・・ パッケージマネージャ
• RequireJS ・・・ モジュールの動的ロード
• PhantomJS ・・・ コマンドラインでWebKitを操作(テストに便利)

• ちょうどいい塩梅の静的型付けでサクサク書ける
• 既存ライブラリを利用して短いコードでいろいろできる
• 今後も目が離せない！！(Ver1.0待望)