「CoffeeScriptのリファクタリング」の実践とレビュー - mizchi's blog
CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "<li> <a id='photo_#{photo.id}' href='#{photo.url}'> <img src='#{photo.url}' alt='#{photo.alt}' /> </a> </li>" $.ajax url: '/photos' type: 'GET' contentType: 'application/json' onSuccess: (response) => for photo in response.photos node = $(phot
Übersicht
At a Glance Übersicht lets you run system commands and display their output on your desktop in little containers, called widgets. Widgets are written using HTML5, which means they are easy to write and customize can show data in tables, charts, graphs ... you name it can react to different screen sizes The following screenshots give you a glimpse of Übersicht in action: Support Übersicht The app i
CoffeeScriptを3時間で理解するための10のポイント(1)-(3)
＜＜前回「CoffeeScriptって何？」へ＜＜ CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1 CoffeeScriptはコンパイルで即時関数に変換される ★「即時関数」でグローバル変数を作らない ★JavaScriptのstrictモードにも対応 CoffeeScriptで記述されたコードをコンパイルすると、JavaScriptのコードは、(function() {...}).call(this);でラップされた状態で出力されます（リスト7）＊1。奇異にも見える書き方ですが、実は、JavaScriptの世界では定石とも言える書き方の一
coffee-scriptでpower-assertを使ったテストを書く - ぽっちぽちにしてやんよ
tl;dr @t_wadaさん神 coffee-scriptでpower-assert使うときはespower-coffeeを使おう あらすじ ちょっと前に話題になっていたpower-assertを使ってみようとしました． こんな感じのを用意しました． assert = require 'power-assert' describe 'array', -> beforeEach -> @arr = [1,2,3] describe '#indexOf()', -> it 'should return index when the value is present', -> zero = 0 two = 2 assert(@arr.indexOf(zero) is two)
JQuery With CoffeeScript | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! 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 around everything you
You won't be disappointed
It has been two weeks since my last Blog, not a way to keep your readers happy, if you have any (left). Well, I rather hope that my readers are more to the right than the left. But then, I welcome them all. There are many people who enter the Blogosphere who seem more intent on taunting the Bloggers than to learn and to comment. Foul, ugly-minded, and even beastly, but then, we can always delete t
応用的なCoffeeScriptの書き方を覚えたら、きっと昨日よりもモテるよね？ね？ - Qiita
いつまでたってもイージーな書き方しかできないから、ちゃんとします。 サンプルは公式から取ってきた http://coffeescript.org/ 一行でObjectを書いちゃう $('.account').attr class: 'active' yearsOld = max: 10, ida: 9, tim: 11
Module Pattern in JavaScript and CoffeeScript
One of the shortcomings of JavaScript objects is the lack of support for private members. The ability to create private members makes external APIs more meaningful and helps keep code more manageable and DRY. The Module Pattern, pioneered by Douglas Crockford while building the YUI library, is a mechanism that allows for creating public and private members in JavaScript. This post looks at the pat
すぐに分かる CoffeeScript によるクラスの書き方 | DevelopersIO
年末年始から CoffeeScript を積極的に使っているわけですが、ピュアな JavaScript よりもクラスの取り扱いがしやすくなっていることに一番の恩恵を感じています。すべての機能を使いこなせているわけではありませんが、何件かの業務を通じてフィールド（インスタンス変数）やプライベート関数など自分流のクラスの書き方が出来てきたので、ここに書き記しておくとします。 よくある CoffeeScript のクラス構造 CoffeeScript に関する書籍やブログエントリを見ると、だいたいこのようにクラスを紹介していることが多いです。 class ClassName @staticVar: 0 # 静的なプロパティ @staticFunc: -> # 静的な関数 # do something... constructor: (name)-> # コンストラクタ @name = name
CoffeeScript 1.7.0 でメソッドチェーンがしやすくなった - Qiita
これまで CoffeeScript で jQuery などのメソッドチェーンを使う際、引数を括弧で囲まざるをえず「これじゃあ JS 書いてるのと変わらないじゃないか！」と思っていたみなさん、こんにちは。 CoffeeScript 1.7.0 から、括弧なしでチェーンできるようになりました。 $ = require 'jquery' $ '.hello' .data 'foo', 'bar' .css color: '#999' fontWeight: 'bold' .on 'click', -> doSomething() .on 'mouseover', -> doOtherThing() .show()
CoffeeScriptで三項演算子 - Qiita
CoffeeScriptでは、?は 「?の手前の値が存在するかチェックするコード」 に変換するためのものだから、 三項演算子にコンパイルするすべがないと思ってたけど、 普通にあった。
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
CoffeeScript でクラスベースのオブジェクト指向プログラミングをするための基礎知識 - わからん
CoffeeScript にはクラスを定義するための枠組みが言語自身にあります。この記事では、CoffeeScript でのクラス、継承といった基本的な概念を「使う」ための知識と、「理解する」ための解説を書きました。JavaScript をある程度しっており、CoffeeScript をみようみまねでなんとなく使っている人を想定した内容です。念の為申し添えておきますが、JavaScript でのクラスベースのプログラミングの是非は論じていません。 クラス周辺の言語の機能、ひとめぐり class Dog を JS に展開してみます。大きく括るとコンストラクタ関数でクラスを模倣するタイプだとわかります。 class Dog # (function() { # var Dog; # Dog = (function() { # function Dog() {} # return Dog; # }
CoffeeScriptの文法メモ - kei_q
ソースコードにある'#=>'は説明用のもので、その値を評価した値を載せている。CoffeeScriptの機能ではない。 確認したversionは1.1.0 基本 ブロックはインデントで表現 hello = (name) -> console.log "hello #{name}" hello 'kei_q'変数の宣言に'var'は必要無い n = 1 comment コメントは'#'で書く n = 1 # comment'###'で範囲コメント コメント内で'*/'は使えない ### comment ### string 文字列の途中で改行を入れても無視される s = "hoge fuga" s #=> "hogefuga"文字列の中に'#{}'使うことで、式を評価した値を埋め込むことができる。シングルクォートでは展開されない。 s = 'hoge' "#{s}" #=> "hoge" '
今日から始める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基礎文法最速マスター｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください！ バージョン 現時点で最新の1.0.1を対象にします。 ０．概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyやPythonなどに近い記述が可能で、JavaScriptの開発をより効率的
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hubot + CoffeeScript ではじめるやわらかプログラミング入門
Coffee Script Cook Book – Script Platform Made for Ecommerce
CoffeeScript Tips - I/O
The Little Book on CoffeeScript