JavaScriptを生成するシンプルな新言語CoffeeScriptの勉強会に参加した！

Shinichi Nishikawa

12年前

2011年11月17日に下北沢OpenSourceCafeで開かれた、CoffeeScriptの小さな勉強会に参加してきました。

ちょこっと触れただけなので、概要だけ。
CoffeeScriptは、JavaScriptを生成してくれるシンプルな言語。

短く、シンプルに、簡単な書き方をして、コンパイルという作業を挟むと、JavaScriptの出来上がり！というものだそうです。プログラマが集まってみんなでコードを共有して盛り上がっているという噂のGitにて、今、最も注目されている言語の一つだそうです。

僕はjQueryのプラグインを使ったり、ちょこっとカスタムしたりするだけで、JavaScriptは書けません。
ただ、今後、HTML5がやってくるっぽい時代の流れを考えると、JavaScriptは必須っぽい感じがしていて焦ってました。

そんなときに現れたのが、CoffeeScript！
聞けば、JavaScript書かなくてもJavaScriptが書けるというではありませんか。

実際には、設計するにも開発するにもデバッグするにも、知識は必須ですが、それでもグッとハードルを下げてくれるツールが出てきたので飛びついたのです。ウッシッシ！

みんなもやろう！

実例をみると分かりやすいです。

CoffeeScriptで一行書きます。

times = (a = 1, b = 2) -> a * b

コンパイルすると、下記の10行分のJavaScriptが生成されます。

var times;
times = function(a, b) {
  if (a == null) {
    a = 1;
  }
  if (b == null) {
    b = 2;
  }
  return a * 2;
};

もっとシンプルな関数の定義の形は以下です。

times = (a, b) -> a * b

aとbを引数として渡すと、掛け算して値を返してくれます。
CoffeeScriptでは、最後の一行をreturnするという決まりがあるのです。
なので、

times = (a, b) -> a * b
alert times(3, 5)

と書いてコンパイルすると、以下のようになります。

var times;

times = function(a, b) {
  return a * b;
};

alert(times(3, 5));

実行すると3*5の計算結果である15をアラートで教えてくれます。

右上のRunをクリックするとアラートが出ます。

このページ、すごくて左側にCoffeeScriptを書くとリアルタイムにコンパイルされたJavaScriptが右側に出ます。右上のRunボタンを押すとJavaScriptが実行されるのです。

ここで分かるのは、

といった特徴です。
長くなったり、考えなくてはいけない色々なことを、JavaScriptの弱点をズバット解決するという、CoffeeScriptのウリがちょこっと実感できますね。

他にも、

といった特徴があるとのこと。楽しみです。

といった感じでレポートも書いていこうと思います。