The Little Book on CoffeeScript
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. I don’t always write CoffeeScript, but when I do, I’m probably using jQuery too; I always forget the syntax for stuff. So I’m going to write it all down here so I can reference it until I memorize it. Note that the compiled example doesn’t include the automatic closure
この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。(日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ) なお、JavaScriptの基礎知識を前提とし、JavaScriptから引き継ぎ重複する内容は解説されません。 あ。後、この記事の文章、CoffeeScriptコード、JavaScriptコードに関する著作権は放棄しています。パブリックドメインと言うそうです。文章、コード自由に引用改変公開しても問題ありません。 最終更新日:2014/1/29 追加: 文字列 演算子など はじめに:CoffeeScriptのメリットとデメリット 一般に言われているCoffeeScriptを使うメリットデメリットを載せておきます。 ま、こんな論争気にせず、使っ
CoffeeScriptでは記号を英単語に置き換えることで、より分かりやすくなっています。 比較演算子 比較演算子を便利に書くこともできます。 CoffeeScript classmethod = 8 if 1 < classmethod < 10 console.log "第#{classmethod}期目" [/javascript] <p>Rubyのように存在演算子を使うことでJavaScriptではめんどうなチェックも簡単にできます。<br />プロパティの存在チェックにも使えます。</p> <p> <a href="http://public-blog-dev.s3.amazonaws.com/wp-content/uploads/2012/05/b74134ce6734036417deaa2faa63d7b1.png"><img src="http://public-blog-
I was watching The Last Dance, Michael Jordan’s Netflix documentary, last year when I returned to work from four-month-long paternity leave. It was a great show and brought back all of the joys I had when watching Chicago Bulls in the 90s. And it still got me to think till today, what if my engineering team were a sports team. Give this idea a shot. For an engineer in an IT company, you don’t play
jQueryは長ったらしいJavaScriptの構文をシンプルに書く方向へと導いてくれた物ですが、 ジャワをコーヒーに置き換えることで、よりシンプルに書くことができます。 例えば、コールバック関数 コールバック関数内でthisの中身を変更したい時、こんな書き方になると思います。 $('#foo').click($.proxy(function() { this.bar(); }, this)); あるいはこう。 var self = this; $('#foo').click(function() { self.bar(); }); ですが、CoffeeScriptだとこう書けます。 $('#foo').click => @bar() 超絶すっきりですね。 ちなみにこのCoffeeScriptは以下のようなJavaScriptにコンパイルされます。 var __bind = functi
CoffeeScriptで即時関数は書けないのかなーと思っていろいろ試してみたら書けた。 環境:CoffeeScript 1.1.1 (-> console.log 1 return )() ()で囲んでやればいいのか。 追記: id:murky-satyrさんにコメントで教えてもらった! do -> console.log 1 return 最初に書いた方はCoffeeScriptなのにシンプルな書き方じゃないなー、と思ってたらたまたま即時関数として解釈されてただけだったみたい? 公式に書いてあるとしたら CoffeeScript provides the do keyword, which immediately invokes a passed function, forwarding any arguments.これ、かな……? 追記2: 即時関数に引数を渡す場合は最初に書いた感じ
個人製作のシステムのjsをcoffeeに完全移行したのでその雑感を書きます。あくまでも個人的な感想です。感じ方は人それぞれです。 ちなみに僕は勉強を兼ねて手で移行させましたが、js2coffeeというツールを使うと自動で変換してくれるらしいです。 #先に結論 coffeeの方がいいと思う。 よくある批判に「js書けばいいじゃん」というのがあるけど、極端な話、「アセンブラ書けばいいじゃん」と高級言語が出てきた頃に言ってた人と主張の方向性は似てると思う。極端すぎるけど。 jsには落とし穴がいっぱいある。慣れてもたまにはまる。varを忘れたり「関数の頭で全部のvarを列挙する」というプラクティスに従ってたら、冗長になって管理するコスト高くなったり。 coffeeを使うとそういう余計な問題を意識しなくてよくなるのはとても大きい。 しかもjsでできることの全てをcoffeeでできる。工夫が必要になる
久しぶりに Cocoa アプリを書きました。このところ CoffeeScript と Python をわりとよく書いているです。これとか。まあそんなにたいした量でもないけれど。CoffeeScript よいね、シンプルきれい。けど、いちいちコンパイルするんめんどくさいの。いちおうコンパイラにはフォルダ監視して変更あったらコンパイルっていう watch オプション (-w) あるのだけど、コマンドラインでしかうごかねいしエラーがエディタの裏で出ててきづかねえとか、まあ、微妙なので、GUI でエラーを Growl でっていうのを作った次第。とりあえず使えるレベルまで作ったのでソースを Github へ。コンパイルされた js をさらに Closure Compiler でコンパイルー、とか、Stylus にも対応させたい。ちゅーかもうちょっと気の利いた名前と素敵なアイコンが欲しい。 いちおうコ
20111011 追記 node.jsをインストールしないと.coffee内の日本語が.jsにコンパイルされた後に欠落する問題がありました。 brew install node.js で、node.jsをインストールすることをおすすめします。 Homebrewは https://github.com/mxcl/homebrew/wiki/installation を参考に簡単にインストールできます。 もう生JSは触れない Titaniumでロジックを書いていて生JSの非力さに絶望していたところ、CoffeeScriptのことを思い出して食わず嫌いで触ってなかったので試しにCoffeeScriptを触ってみたら壮絶良かったので、もうTitaniumもCoffeeScriptで書こうと思いました。 Guardで自動コンパイル CoffeeScriptはコンパイルすることでJavaScriptの
CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください! バージョン 現時点で最新の1.0.1を対象にします。 0.概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyやPythonなどに近い記述が可能で、JavaScriptの開発をより効率的
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く