それ以降、CoffeeScriptでJSを書き続けていて、やっぱCoffeeScriptいいなーと結構思ってる。自分にとってのCoffeeScriptがいいと思う一番の理由は、「オブジェクト指向的なコードが、ストレス無く書けるから」っていう点だと感じてる。例えば、以下のような動作をするUIがあり、
それ以降、CoffeeScriptでJSを書き続けていて、やっぱCoffeeScriptいいなーと結構思ってる。自分にとってのCoffeeScriptがいいと思う一番の理由は、「オブジェクト指向的なコードが、ストレス無く書けるから」っていう点だと感じてる。例えば、以下のような動作をするUIがあり、
# Template manager # //hamalog.tumblr.com/post/13593032409/jquery-tmpldeck deck = $.TmplDeck 'templates.html' # ============================================ # API wrapper # ============================================ api = getTweets: (query) -> $.Deferred (defer) -> $.ajax url: 'http://search.twitter.com/search.json' dataType: 'jsonp' data: result_type: 'recent' rpp: 10 page: 1 q: query .pipe (re
CoffeeScriptのクラス機構はどんなものか調べた記録。コード量は少ないが洗練されており効率も良いようだ。 http://coffeescript.org/#classes さて、元のcoffeeスクリプトは単にクラスとサブクラスの定義をするだけのもの。 #!/usr/bin/env coffee class Animal constructor: (@name) -> console.log "constructor of Animal" move: (meters) -> console.log "Animal#move" class Snake extends Animal constructor: (@name) -> super @name console.log "constructor of Snake" move: -> console.log "Snake#move
Get practical, hands-on experience building real features with Backbone.js. Edit and run code right in the book! You can't learn to build killer modern Web applications in Backbone.js and CoffeeScript by reading alone. It is crucial to experience the living, working code. To experiment, tweak, break, and succeed. To discover the character of the framework and language at the same time that you mas
存在は知ってたけどさっぱり興味のわかなかったCoffeeScriptなのですが、使ってみたらこれいいかもって思って、というかもうこれからはCoffeeScriptで書いていこうかなと思いだしてる中。CoffeeScriptが何かについては、以下を参照のこと。 きっかけは JavaScript Web Applications という本を読んで、この本書いてる人が作ってる Spine というフレームワークを見てみようかなーと、見始めたら、なんかこのSpine自体がCoffeeScriptで書かれてた。そんで、ドキュメントを読んでいこうと思ったら、「まーCoffeeScriptでやらんでもいいけどさ、JS書いてる人はちょっくら見てみる価値はあるぜー」みたいなことが書いてあった。ので、「はーめんどくさいけど郷に入りては郷にうんたらだからちょっとだけ見てみるかー」とか思い、やってみたら、あれ?これ
06/06/2011 開発 JavaScript Tweet もう一つYokohama.rb 第9回でやっていたことをシェアします。 Backbone.jsの勉強をするため、Sinatra + Backbone.jsで簡単なサンプルを作っていました。 ・・・しかもCoffeeScriptで。 Backbone.jsとは? ここを読んでいる方は、おそらくサーバーサイドをPHPなりRubyなりで書きつつも、クライアントサイドをjQueryなどを使ってバリバリ書いていることと思います。 すると、ある程度のところまではjQueryの力もあって楽々書けるのですが、だんだん機能が増えるにしたがってサーバーとのAjaxなやりとりや、データの変更に伴うDOM操作などがあちこちに散在し、コードにだんだん穢れが溜まっていってしまいます。 そこで今回のBackbone.jsです。これの力を借りてクライアント
JavaScriptプログラマーの間で「CoffeeScript」を使う人が増えています。CoffeeScriptとは一体どんな言語なのか、そして実際の現場で使うにはどうしたらいいのか、この連載を通して解説していきます。Webブラウザ向けのフロントエンド開発にも、そしてサーバサイド開発にも使える内容となっています。 CoffeeScriptが登場する前 JavaScriptは広く普及している言語ですが、ソースコードは見苦しいものになりがちです。小さなプログラム程度なら構いませんが、大規模なプログラムを作るのはかなり骨が折れる作業です。冗長な記号や面倒な決まり文句などが積み重なると、読みづらくメンテナンスしづらいソースコードができてしまいます。 JavaScriptを使ってある程度の規模の開発を経験したプログラマーの多くはそのような不満を感じ、もう一度JavaScriptで大きな開発をしたい
IcedCoffeeScript is a superset of CoffeeScript. The iced interpreter is a drop-in replacement for the standard coffee interpreter; it will interpret almost all existing CoffeeScript programs. IcedCoffeeScript (ICS) adds two new keywords: await and defer. These additions simply and powerfully streamline asynchronous control flow, both on the server and on the browser. Say goodbye to callback pyrami
A recent project has us using spine.js as well as a few other JavaScript libraries. Though spine.js comes with its own routing, it conflicts with pjax. The solution was to roll our own. The requirements are simple, we should be able to give it a set of routes and their corresponding callbacks and we should be able to process the browsers url upon request. The CoffeeScript for that looks like this:
backbone + coffee scriptで快適に 最近は仕事でもJavaScriptの使用頻度が多くなっており、煩雑になりがちでした。 解決方法を探していたところ、backbone.jsというフレームワークが良いらしいという話が出てきたので試してみます。 また、coffee scriptを組み合わせ、シンプルなサンプルを作成してみます。 backbone.jsとは backbone.jsはDocumentCloud(underscore.jsも開発しているところ)が開発しているMVCフレームワークです。 これを使用すればモデルの操作、HTMLレンダリング、URLフラグメントに応じたルーティング処理を分割して綺麗に記述することができます。 公式サイト ※1やソースコード解説 ※2があるので、詳細はこちらを確認してみてください。 まずはこれだけを用いてサンプルプログラムを作成してみまし
CoffeeScript 元からCoffeeScriptに慣れてるか、素のJSが書きにくいと感じる人にはおすすめ 素のJSが書きやすい人はロジック書きにくくなる部分あるので若干つらい 記述するコード量は減るけど、素のJSでもエディタとかのサポートがあれば記述時間はそれほど変わらないかも (特に変換後のJS想像しながら書く場合) ただ、素のJS好きな人でも対応は難しくないので、JS書きたくない人が開発するのであれば使うのはありかも (OSとかの環境によって開発に支障が出ることはなさそう) おすすめの使い方 サーバサイドの人がメインで書く場合 単体テスト用コード(ロジックは素のJS、テストはCoffeeScriptで書こうかな) WebStorm IDEとしての完成度は高いけど、エディタとしては好き嫌いあるかも。 (補完関係は優秀だけど、JSに特化しすぎてて逆に辛い) 他のツールと連携して動作
個人製作のシステムのjsをcoffeeに完全移行したのでその雑感を書きます。あくまでも個人的な感想です。感じ方は人それぞれです。 ちなみに僕は勉強を兼ねて手で移行させましたが、js2coffeeというツールを使うと自動で変換してくれるらしいです。 先に結論 coffeeの方がいいと思う。 よくある批判に「js書けばいいじゃん」というのがあるけど、極端な話、「アセンブラ書けばいいじゃん」と高級言語が出てきた頃に言ってた人と主張の方向性は似てると思う。極端すぎるけど。 jsには落とし穴がいっぱいある。慣れてもたまにはまる。varを忘れたり「関数の頭で全部のvarを列挙する」というプラクティスに従ってたら、冗長になって管理するコスト高くなったり。 coffeeを使うとそういう余計な問題を意識しなくてよくなるのはとても大きい。 しかもjsでできることの全てをcoffeeでできる。工夫が必要になる場
https://github.com/hornairs/muffin muffin.js をちょっと使ってみました。(v0.2.6) muffin.js は、 (Node.js で動く。) Coffeescript を書いていて、 Cakefile も書いていて、 Cakefile で child_process をいくつも作らなきゃいけない人 が幸せになれるライブラリだとおもいます。 Cakefile ? Cakefile は、Coffeescript で書く Makefile です。プロジェクトごとに1個。複数のtask を定義できる。Java でいう Ant の build.xml だとおもいます。Coffeescript を入れると使えるようになります。 task 名は自由ですが、 $ cake build とかやると、プロジェクト内でbuild 時にやって欲しい事を、させます。た
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く