GruntでCoffee Scriptのコンパイル&Uglifyで圧縮 | DevelopersIO
Gruntとは 弊社ブログでもすでに紹介していますが、Gruntとはnode.jsベースで作成されたビルドツールです。 最近v0.4がリリースされ、Coffee Scriptがデフォルトでサポートされました。 今回は、変更が検知されたCoffeeScriptファイルをコンパイル→UglifyJSで圧縮 という処理をGruntでやってみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npmを使用してGruntをインストールしておきましょう。 % npm install -g grunt-cli package.jsonとGruntfileを作成する Grunt(0.4)を実行するためには、２つのファイルが必要です。 まずはpackage.jsonを作成
mochaとchaiを使ってcoffeescriptでBDD - Qiita
chai = require 'chai' expect = chai.expect chai.should() # add should method to Object.prototype Task = require("../src/task").Task describe 'Task',-> t = null before -> t = new Task("foo bar") it "expects true is true like Jasmine", -> expect(true).be.true it "should be true like RSpec", -> true.should.be.true it "should rutern item string with toString",-> t.toString().should.equal("foo bar") it
CoffeeScript Cookbookのおいしいところだけ抜き出して、おいしい思いをしよう！！ - Qiita
Cookbookがあった。 CoffeeScript Cookbook Cookbookとは「諸々の問題を華麗に解決しよう！」というレシピ本みたいなの。CoffeeScriptの特徴というより、単なるプログラムの書き方の寄せ集めみたいなノリでもある。 なので、CoffeeScriptの特徴を捉えてるやつをピックアップして見てみよう！ スルーしてるやつ 公式ドキュメントに載ってる基本的なものはだいたいスルー あと変態ぽいやつ(例えば「Repeating a String」)もスルー。(直感的でない) 単純なjsのtipsもスルー (Recursive Functions) スタティックなメソッドを使おう なぜか公式に書いてない、staticなやりかた。 classのメソッド、プロパティに@をつけるとOK。 class Songs @_titles: 0 # Although it's dir
jQuery.ImgLoader - 画像を大量にプリロードさせるやつ
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 画像を裏でプリロードするやつをCoffeeScriptの練習がてら書いた。過去にも似たようなの作ったけど… Takazudo/jQuery.ImgLoader - GitHubdemo1demo2demo3いけてるところは以下 パイプ機能。パイプサイズ4とか指定すると、4個までしか同時にローディングを走らせないとかそういうことができる。そうした場合、5個目以降は、ローディングが終わった順に実行されていく。大量の画像を一気に取りに行くとブラウザによってはめちゃくちゃ重くなるので、そういう時に有効。ローディングのキャッシュ。例えば1.jpgを読み込めと、100回同時に行ったら、ブラウザは100回画
CoffeeScriptでの存在確認演算子のコンパイル結果が2パターンある話
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / if age? ってやつ。これのコンパイル結果が if (typeof age !== “undefined” && age !== null) になる場合と if (age != null) になる場合がある。 != null版 typeof版 なんでやねんと話していたら、どうやら「コンパイルするスクリプトにておいて、その変数が使われていたら != null版、それ以外はtypeof版」になるっぽい。 まず、 age != null のチェックは、age が undefined か、null の場合にのみ false を返すらしい。要するに何かセットされているかをチェックするうまい書き方らし
RailsでJavascript/CoffeeScriptをテストするときの決定版（にしたい）！Konacha - リア充爆発日記
というわけでKonachaです。https://github.com/jfirebaugh/konacha なにこれ、粉茶？ JavascriptのテスティングフレームワークとしてはJasmineやらMochaあたりがメジャーどころのようだけど、セットアップが難しかったりして「これだ！」というものがなかった。個人的には。 で、今回、よーし、お父さんCoffeeScript書いちゃうぞー！というタイミングにあたって、もう一回いろいろ探してみたところ、これが一番スジがいいっぽかった。 KonachaはRailsでMochaとchaiを使いやすくしたGemらしい。Mochaとchaiは使ったことなかったけど、公式を5秒ほどみたところ、nodeでうごくrspecライクなテスティングフレームワークということでJasmineとかとあんまかわらないんじゃないかと推測。chaiはマッチャーのライブラリのよ
CoffeeScriptでObserverパターン
$ coffee pubsub.coffee Just read big news today Just read big news today Just read big news today About to fall asleep reading this interesting analysis class Publisher constructor: -> @subscribers = { any:[] } subscribe: (fn, type) -> type = type or 'any' @subscribers[type] = [] unless @subscribers[type]? @subscribers[type].push(fn) unsubscribe: (fn, type) -> @visitSubscriers('unsubscribe', fn, t
【もうすぐバレンタインデー】デザイナーがCoffeeScprit、TypeScriptの開発環境（Win/Mac）をインストールしてみる | DevelopersIO
山田（デザイナー） 「あのー小室さん。Coffee Scriptを勉強していて・・・コンパイルするところまではできたんですが、記述方法がわからないんです（泣）」 小室（プログラマー） 「あー、山田さんならまずはTypeScriptでJavaScriptを覚えながら使ってみるのが良いんじゃないかな？」 山田（デザイナー） 「小室さん、ありがとうございます！お礼にこのチョコもらってください！手作りなんです♥」 きっときっと、良い関係になれると思います爆発しろ。 本題 現在進めているWebサイト高速化の調査に必要なのでCoffeeScriptとTypeScriptの利用方法（Win/Mac）について調べてみました。 デザイナーがCofeeScriptやTypeScriptを使うの？という疑問もありますが、中途半端に手を出しているような自分にはそのうち必要になることもあるんじゃないかと思い試してい
gruntで快適JS/CSSビルド生活
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ この記事はgrunt version 0.2.x のもので、grunt 0.3 からはAPIが変更されています grunt というJS/CSSのビルドツールが便利だったので紹介します。(Mac/Linux) cowboy/grunt - GitHubこのgruntってのは、JS,CSSを全部まとめて繋げる、まとめてJS lintする、minifyする見たいのをタスクとして登録しておくと、それ実行すればちゃちゃっとやってくれちゃうやつです。さらにwatchっていう機能使えば、ファイルが更新されたらそのタスクをやってくれるみたいなのも。 似たモノで、MakeとかRakeとかCakeとかそういう
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
mocha+testling-ciでブラウザテストを自動化する - Qiita
{ "testling": { "browsers": { "ie": [ 6, 7, 8, 9, 10 ], "ff": [ 12, 13, 14, 15, 16, 17 ], "chrome": [ 20, 21, 22, 23 ], "opera": [ 10, 11, 12 ], "safari": [ 5.1 ] }, "harness" : "mocha", "files": "test/*.coffee" }, "devDependencies": { "chai": "*", "mocha": "*", "coffee-script": "*" } } githubのプロジェクトページでwebhookを設定 プロジェクトページ > settingボタンをクリック > サイドバーからservice hooks > WebHook URLに http://git.testlin
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | DevelopersIO
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまいましょう。 Railsinstallerはこちらからダウンロード出来ます ダウンロードできたらexeを起動しウィザードに従ってインストールを実行してください。 Mac OS Xの場合 rbenvでのインストールを紹介します。 先にXcode Command line Toolsのインストールを済ませておいてください。 Xcodeの環境設定からインストールできます。 # rbenvをgithubから
CoffeeScriptベストプラクティス集 ブラウザ向けJavaScript編（2）
Ajaxコンテンツのルーティング ページ遷移を行わずにAjaxでコンテンツを部分的に読み込んでどんどん表示していくタイプのページでは、ブラウザをリロードすると、それまでユーザーに表示されていた内容がすべて振り出しに戻ってしまうことがあります。リロードしても適切なコンテンツに戻ってくるようにするには、URLの#（ハッシュ）以降の文字列を変えておき、リロードした時にその値を読んで適切なコンテンツを表示するという手法があります。この手法はIE6などの古いブラウザでも問題なく使えます。 TwitterのWebサイトもこの方式を利用しており、https://twitter.com/#!/iizukanaoといったURLにアクセスした場合、最初に共通部分だけを読み込み、その後で#以降に該当するコンテンツを部分的に読み込んでいます。ページ内のリンクのほとんどはURLの#以降の変更のみで行い、ページ遷移を
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で書かなくちゃいけないのが、ちょっと
CoffeeScript Traps - 音の鳴るブログ
CoffeeScriptで機嫌よく書いていたら、いつのまにか無駄っぽいコードが生成されることがある。 そういう例と解決方法です。CoffeeScript 1.4.0 で確認しました。 愚かな3項演算子 # coffee a = new Float32Array(1024) for i in [0...a.length] a[i] = Math.random() // js a = new Float32Array(1024); for (i = _i = 0, _ref = a.length; 0 <= _ref ? _i < _ref : _i > _ref; // <-- ??? i = 0 <= _ref ? ++_i : --_i) { // <-- ??? a[i] = Math.random(); } 解決方法: by 1 を付ける # coffee a = new Float
イマドキのIDE事情(146) JavaScriptの問題点を解決できるか? Chromeで試すCoffeeScript
CoffeeScriptとは? Ajaxの普及に伴って広く利用されるようになったJavaScriptだが、大規模なアプリケーションの開発に向いていないことや、ブラウザごとの機能や挙動の違いなど、様々な問題を抱えているのは周知の事実だ。 これらの問題を解決するために様々な技術が登場してきているが、なかでも目を引くのが本連載でも紹介したTypeScriptなど、JavaScriptの代替となる新たなプログラミング言語たちだ。これらの言語はコンパイラによってJavaScriptコードに変換されて実行されるため、実行時に特別なソフトウェアを必要としないという特徴がある。 CoffeeScriptもこれらのJavaScript代替言語のひとつで、シンタックスシュガーやパターンマッチによってJavaScriptと比べて簡潔にコードを記述することができる。CoffeeScriptは、JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript上位言語の比較表 - Qiita
SSSSLIDE
https://leanpub.com/coffeescript-ristretto
Inside Tripclip
