’CoffeeScript’初めの一歩     NTT Resonant Inc.       Misa Kondo
What is CoffeeScript?・JavaScriptを出力してくれるもの・Ruby/Pythonの記法とにていて、 好きな人は好きな記法・Node.jsを利用
百聞は一見にしかず 10行で終わる環境構築
CoffeeScriptの環境構築1. Node.jsのインストール2. npmのインストール3. CoffeeScriptのインストール
Node.jsのインストール$ git clone https://github.com/joyent/node.git$ cd node$ git checkout v0.4.10$ ./configure$ make$ sudo make ...
npmのインストール$ curl http://npmjs.org/install.sh|sh$ npm -v
CoffeeScriptのインストール$ npm install coffee-script$ coffee -v
使ってみる$ mkdir coffee$ cd coffee$ mkdir lib$ mkdir src$ cd src$ emacs syakyou.coffee
syakrou.coffee>number = 42>opposite = true>number = -42 if opposite>square = (x) -> x * x>list = [1,2,3,4,5]
コンパイル$ coffee -o ../lib/ -c ../src/
syakyou.jsの中身>(function() {>  var list, number, opposite, square;>  number = 42;>  opposite = true;>  if (opposite) {>    ...
syakyou.js>  square = function(x) {>    return x * x;>  };>  list = [1, 2, 3, 4, 5];>}).call(this);
5行が12行になってる! 12/5 = 2.4倍!
ご清聴ありがとうございました
Upcoming SlideShare
Loading in …5
×

Coffee script初めの一歩

1,244 views
1,215 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,244
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
8
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Coffee script初めの一歩

  1. 1. ’CoffeeScript’初めの一歩 NTT Resonant Inc. Misa Kondo
  2. 2. What is CoffeeScript?・JavaScriptを出力してくれるもの・Ruby/Pythonの記法とにていて、 好きな人は好きな記法・Node.jsを利用
  3. 3. 百聞は一見にしかず 10行で終わる環境構築
  4. 4. CoffeeScriptの環境構築1. Node.jsのインストール2. npmのインストール3. CoffeeScriptのインストール
  5. 5. Node.jsのインストール$ git clone https://github.com/joyent/node.git$ cd node$ git checkout v0.4.10$ ./configure$ make$ sudo make install$ node -v
  6. 6. npmのインストール$ curl http://npmjs.org/install.sh|sh$ npm -v
  7. 7. CoffeeScriptのインストール$ npm install coffee-script$ coffee -v
  8. 8. 使ってみる$ mkdir coffee$ cd coffee$ mkdir lib$ mkdir src$ cd src$ emacs syakyou.coffee
  9. 9. syakrou.coffee>number = 42>opposite = true>number = -42 if opposite>square = (x) -> x * x>list = [1,2,3,4,5]
  10. 10. コンパイル$ coffee -o ../lib/ -c ../src/
  11. 11. syakyou.jsの中身>(function() {>  var list, number, opposite, square;>  number = 42;>  opposite = true;>  if (opposite) {>    number = -42;>  }
  12. 12. syakyou.js>  square = function(x) {>    return x * x;>  };>  list = [1, 2, 3, 4, 5];>}).call(this);
  13. 13. 5行が12行になってる! 12/5 = 2.4倍!
  14. 14. ご清聴ありがとうございました

×