CoffeeScriptでjQuery使うときのメモ
Posted: 2012.11.19 / Category: javascript / Tag: jQuery CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p').
CoffeeScriptで学ぶ Underscore.js 01（Collection編）
Underscore.js は、Node.jsで最も利用されているパッケージです。JavaScriptに60以上の機能を追加します。 大きく6つの機能に分類されます。 Collections: Map/Reduce、ソート、検索、最大値、最小値、グループ化など Arrays: 先頭、末尾の取得、結合、ユニークなど Functions: バインド、遅延処理、後処理など Objects: Key/Value、型判定など Utility: エスケープ処理、IDなど Chaining: チェイン処理 数が多いのでその日の気分で少しづつ紹介します。サンプルはCoffeeScriptで記述します。 インストール方法はいつも通り。 $ npm install underscore each eachは、配列やオブジェクトを一つ一つ処理します（イテレータ）。配列の場合、コールバックに一つの引数を指定します
The little book on CoffeeScript : 全訳公開 - minghaiの日記
何とか1年の間を空けずに更新することができました(笑 O'reillyから発売している洋本の"The Little book on CoffeeScript"は著者のAlex MacCawさんにより、OSSとしてgithub上に全文が公開されています。 The Little Book on CoffeeScript: The JavaScript Developer's Guide to Building Better Web Apps 作者: Alex MacCaw出版社/メーカー: O'Reilly Media発売日: 2012/02/03メディア: ペーパーバック購入: 2人 クリック: 98回この商品を含むブログ (1件) を見る こちらで全文公開中。 The Little Book on CoffeeScript タイトルが"CoffeeScriptの小さな本"である通り、この本
GruntをCoffeeScriptで書いてcompileしてconcatしてminifyしてgzipする【2日目】 | DevelopersIO
Gruntって https://github.com/gruntjs/grunt ビルドツールです。AntとかRakeとかCakeとかそんな感じのやつです。 grunt.jsにコンパイルなどのタスクの設定を定義して実行します。Grunt自体にもある程度のタスクは持っていますが、タスクをプラグイン的に追加できる仕組みがあるので追加タスクのプロジェクトがたくさんあります。テストやCSS周り、ブラウザ起動やGrowl等の便利系などもあり、ひと通りやりたいことはできそうです。 jQuery UIでもGrunt使ってるようですね。参考になります。 CoffeeScriptで書きたい Gruntを動かすにはプロジェクトルートにgrunt.jsファイルを作り設定を書いて実行します。ただ、せっかくCoffeeScriptで書いているのに設定ファイルはJavaScriptで書かなくちゃいけないのが、ちょっと
大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
CoffeeScriptってなんぞ？
This document discusses using CoffeeScript, Compass, and Sass to accelerate Titanium development. It provides examples of CoffeeScript code and how it improves readability over JavaScript. It also discusses using Sass and Compass for styling Titanium applications, including features like nesting, mixins, variables, and color functions that allow for cleaner, more reusable CSS code. Organizing styl
今すぐ既存JavaScriptコードをCoffeeScriptに置き換えたほうがいいと思う理由を6つほど - l4l
最近お仕事で既存のJavaScriptプロダクトコードをCoffeeScriptで書き換えてるんですけど、まぁコードが簡潔になるわなるわで徐々にJavaScriptを受け付けない体になってる僕ですどうもこんにちは。 そんなわけで小難しい話なしで簡単に伝わりそうなCoffeeScript押しな理由を箇条書きで6つほどメモ。一人でもCoffeeScriptに興味持ってくれればコレ幸い。 前提の話 新しい言語を学ぶには学習コストが発生するわけなので、以下なケースのJavaScriptコードっていう文脈を背景に話します。 コード規模が数千行 コードのメンテナンス期間が長い（1年以上とか） 複数人での大規模開発 こういった場合、少しでもロジックを簡潔に書けることがコードの可読性とメンテナンス性に大きく寄与していくので、これから説明するとこだけでの導入でも学習コストを上回る恩恵が受けれるんじゃないかな
CoffeeScriptをおすすめしたいワケ
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 以下のエントリでも少し書いたけれども、 CoffeeScriptいいかも - Takazudo hamalogそれ以降、CoffeeScriptでJSを書き続けていて、やっぱCoffeeScriptいいなーと結構思ってる。自分にとってのCoffeeScriptがいいと思う一番の理由は、「オブジェクト指向的なコードが、ストレス無く書けるから」っていう点だと感じてる。例えば、以下のような動作をするUIがあり、 サンプルこのひとまとめのUIを管理するクラス的な物を作ろうとしたら、例えば以下のようになる。 var Hoge = function(el) { this.content = el.find
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.masaplabs.com/titanium-coffeescript-gruntjs/
CoffeeScriptによるモダンなWebアプリケーション開発一覧
kuroigamen.com