coffeescript(13)

13follower
@iwasaki さんのアバター 198views

新しいことをやってみるシリーズ:Play Framework2.3.1でcoffeescriptを用意する

app/assets/javascripts/main.coffee $ -> $('#btn').click -> console.log 'click!!' と書くこと... 2014年7月18日
goto_jp さんのアバター 330views

Grunt:Compass、CoffeeScript、CSS圧縮を実行するGruntfile設定

module.exports = function (grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig({ ... 2014年7月9日
goto_jp さんのアバター 224views

CoffeeScript:ヒアドキュメントの書き方

ヒアドキュメント(改行を含む長文)を書く場合は下記のようになります。 doc = ''' <ul> <li>ダミーテキスト</li> <li&... 2014年7月8日
goto_jp さんのアバター 182views

CoffeeScript:配列の扱い方

num0 = [2, 4, 6, 8] num1 = [1...10] // 1,2,3..と1から10までの配列ができる 連想配列の例は下記 price = ["maguro": 300,"tak... 2014年7月7日
goto_jp さんのアバター 234views

CoffeeScript:関数の返り値

返り値を戻す関数は下記のように記述します。 sum = (a,b) -> a + b 下記のように利用できます。 sum(2,3); 個人的に return の記述が無いとコードをざっと見る際などの視認性が落ちそうで気... 2014年7月7日
goto_jp さんのアバター 678views

CoffeeScript:関数の書き方

CoffeeScriptで関数を定義する場合は下記のように書きます。 hello = (x) -> alert "こんにちは"+x+"さん" 上記をコンパイルすると下記JSになります... 2014年7月4日
goto_jp さんのアバター 3,683views

CoffeeScript:for文ループ

例えば下記の場合、iが0から5になるまでのループを行います。 for i in [0..5] alert i 上記をコンパイルすると下記JSになります。 var i, _i; for (i = _i = 0; _i <... 2014年7月3日
goto_jp さんのアバター 172views

CoffeeScript:存在のチェック

例えば変数「str」の存在チェックは下記になります。 alert "true" if str? 上記は後置ifの書き方になっていますが、普通に書く場合は2行になります。 if str? alert &quo... 2014年7月3日
goto_jp さんのアバター 252views

CoffeeScript:switch文の書き方

CoffeeScriptでswitch文を書く場合の例です。 color = "red" switch color when "red" alert "Stop&... 2014年7月2日
goto_jp さんのアバター 234views

CoffeeScript:比較演算子の書き方

CoffeeScriptの比較演算子は下記のような単語で書くこともできます。 JavaScript CoffeeScript  === is !== isnt ! not && and || or... 2014年7月2日
goto_jp さんのアバター 274views

CoffeeScript:if文の書き方

CoffeeScriptでif文を書く場合の例です。 color = "red" if color == "red" alert "Stop" else if colo... 2014年7月1日
goto_jp さんのアバター 281views

GruntでCoffeeScriptをコンパイルする

まずGrunt自体の使い方はこちらを参考にしてください。以降はGruntがすでに使える前提での内用となります。 ファイル構成 以下の構成を前提とします。 project ├js │└index.js ├coffee │└index.c... 2014年7月1日
goto_jp さんのアバター 198views

CoffeeScriptをはじめる

まず下記サンプルをご覧ください。 See the Pen CofeeScript test by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リンクをクリックすれば下のフィールドに文字が... 2014年6月30日