TypescriptとかCoffeescriptとか

CoffeeScriptとTypeScriptについて

JavaScript上位言語の比較表
※コメントが参考になる

機能の列挙にはあまり意味がありません。この串刺し比較では言語そのものの書き味や開発環境、再利用性の情報が欠損しています。

Coffeeか、Typeか。 〜比較しながらの入門編〜
Haxe使いから見たTypeScript雑感

TypeScriptが世に出てきてしまった以上、CoffeeScriptは「型付けのできないTypeScriptの出来損ない」みたいな存在になってしまったかなぁと。
これからCoffeeScriptを学習するメリットはほぼゼロに近いと思います。

クラスで比較

CoffeeScript

class Human
    constructor: (@name) ->

    hello: ->
        console.log("My name is #{@name}.")

TypeScript

class Human {
    name: string;

    constructor (name: string) {
        this.name = name;
    }

    hello () {
        console.log('My name is %s.', this.name);
    }
}

TypeScriptの方が圧倒的に見やすい。CoffeeScriptはphp的というか、癖がある感じ。
TypeScriptの方が後発でMicroSoftが出しているので、modern Appとか作るときの標準とかにしたいのかもしれない。


Haxe

参考:HaxeとTypeScriptを両方使ってみた感想

JavaScriptターゲットで今から始めるならTypeScriptかなーという気がします。
特に、既にJavaScriptに慣れ親しんでいる人にとっては、今まで普通に出来ていたことは普通に出来て欲しいと思うので、Haxeは少々ストレスかなと。

TypeScriptの方がよさげ?

JSX / Haxe / TypeScript


アンダース氏が設計した新言語による次世代JavaScript開発とは? (1/3)
PhpStromだと標準でTypeScriptをサポートしているよう。(newでTypeScriptファイルの作成があった)

WebStorm & PhpStorm Blog日本語訳:WebStorm 6におけるTypeScriptのサポート
TypeScript+PHPStorm+homebrewの設定

ブラウザ上でTypeScriptを書く
PlayGround


インストール

WebStormでTypeScriptを使おう

npm install -g typescript

npmがない。
Mac OS X Lionにnpm(Node Package Manager)をインストールする

curl https://npmjs.org/install.sh | sudo sh

httpsに変更になっていた。
実行すると、先にnode.jsをインストールしろって怒られた。

npm cannot be installed without nodejs.
Install node first, and then try again.
 
Maybe node is installed, but not in the PATH?
Note that running as sudo can change envs.

node.jsをインストールする。
はじめてのnode.js

・nodebrewをインストール

$ curl -L git.io/nodebrew | perl - setup

$ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> \~/.bash_profile
$ source ~/.bash_profile

・node.jsとnpmをインストール

$ nodebrew install-binary 0.10
$ nodebrew use 0.10

で、最初のTypeScriptをインストールする。

$ npm install -g typescript

Programsのパスはnodeを入れた時に表示されるパスを入れる。
IntelliJ IDEAのFile Watchers機能でTypeScriptコンパイラ(tsc)にパスを通す方法

エラーが出た。

env: node: No such file or directory

以下で解決した。

TypeScript+PHPStorm+homebrewの設定

$ envで吐き出すPATHを全部突っ込んだらOKだった。

   このエントリーをはてなブックマークに追加