CoffeeScript でのクラスの基本をまとめました。
続きを読む CoffeeScript: クラスの基本「coffeescript」タグアーカイブ
CoffeeScript: 関数の引数
CoffeeScript: switch の 条件分岐
CoffeeScript: for ループ の書き方
CoffeeScript で for
ループ を書く方法。
配列の for
ループ
Ruby でいうところの items.each
。
1 2 3 4 |
arr = ['a', 'b', 'c'] for item in arr alert item |
配列の 添字付き for
ループ
Ruby でいうところの items.each_with_index
。
1 2 3 4 5 |
arr = ['a', 'b', 'c'] for item, index in arr alert index alert item |
Rails application.js を application.js.coffee や application.js.erb にする
よく忘れることなのでメモしておきます。
application.js.coffee
Rails では あらかじめ application.js が用意されていますが、 これを coffeescript の形式にしたいと思うことがよくあります。 そういうときは次のように 上部のコメントアウト //
を #
に書き換えます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
# This is a manifest file that'll be compiled into application.js, which will include all the files # listed below. # # Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, # or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path. # # It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the # compiled file. # # Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details # about supported directives. # #= require jquery #= require jquery_ujs #= require turbolinks # require_tree . |
最後の require_tree
は意図的に無効にしています。 余計な javascript まで読み込むので。
こちらは Rails 4.2.5, Ruby 2.0.0 で動くことを確認しています。
また、 Rails の変数・定数を使いたい場合に application.js.erb にしたこともあります。