Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Coffee Script | 公式サイトでコンパイラ不要でお試し利用する

概要

公式サイトでコンパイラ不要でお試し利用する

詳細

Coffee Scriptをインストールする前に試してみたい人は、
公式サイトが便利です。
http://coffeescript.org/

TRY COFFEESCRIPTというメニューを押下すると簡易コンパイラとも言うべき
エディタが表示されます。
左のペインにCoffee Scriptを入力すると右のペインにJavaScriptが出力されます。
出力結果を自分が利用したいHTMLに組み込めばそのまま使えます。

CoffeeScriptの良いところは最終的にJavaScriptが生成されるため、
プロジェクトで公式に採用されなくても、自分だけ利用していても良いわけです。
表向きにはJavaScript部分だけを見せておけばよいのですから。
※私の職場は公式にCoffee Scriptを採用しています

以下、お試し用のCoffee Scriptです。JavaScriptにはない、Rangeを利用して
1月から12月の文字列を生成しています。

Coffee Script

months = [1..12]
formated_months = months.map (month) -> month + "月"
alert(formated_months )

以下のJavaScriptが出力されます

JavaScript

var formated_months, months;

months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

formated_months = months.map(function(month) {
  return month + "月";
});
alert(formated_months);

参考画像