Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
目的 Grunt と違って Gulp は登録したタスクが並列で実行されていきます。 しかし、Gulp のタスクも自在に直列/並列化したいのです! 方法 調べたらよいものがありました。run-seqence を使うだけ。 記述例 図のように clean タスクが終わったら並列に jade、sass、coffee タスクを実行。これらのタスクが全て終わったら deploy タスクを実行と言うように、3 段階にタスクを直列、その中で複数のタスクを並列にします。 var runSequence = require('run-sequence'); gulp.task('default', function(callback) { return runSequence( 'clean', ['jade', 'sass', 'coffee'], 'deploy', callback ); });
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 世の中には CoffeeScript を親の仇のようにdisる人達がいる。TypeScript とか他の altJS と比較してアレアレの機能が無いとかそういうのではなく、素の JavaScript と比較して、素の JavaScript を使った方がいいとか言う。そんな彼らの言説を適当に取り上げて、反論しようではないか。 CoffeeScript が駄目な理由 メリットが無い 素の JavaScript で書いても同じ事が出来るのだから、CoffeeScript で書くメリットなど無い。 プログラミング言語の選択基準が持てない人にこの
Backbone.jsとCoffeeScriptをお使いのみなさん、こんにちは。 イベントのcallbackに登録するメソッドをfat arrowで定義してませんか? Backbone.Events#onの3番目の引数contextを使いましょう。 メソッドをfat arrowで定義するとmixin出来ない問題についてもちょこっと触れます。 例 イベント通知のために、グローバルなPubSubが定義されています。 NyaModel#initializeで、NyaModel#sayMessageメソッドをPubSubに登録しています。 PubSubから(」・ω・)」うー!イベントを受け取ると、NyaModel#sayMessageが呼ばれます。 NyaModel#sayMessageは、NyaModelのmessage属性をコンソールに出力します。 今までの僕のfat arrowなやりかた P
こんにちは、freeeでエンジニアをやってます @yo_waka です。 これは、freee Engineers Advent Calendar 2015の11日目の記事です。 これまでの弊社のAdvent Calendarでは、社内で革命と呼ばれるフロントエンドの改善ネタが多いと思いますが、その流れとして、RailsアプリケーションにおけるフロントエンドのビルドツールであるところのSprocketsをどのようにしたら外せるかという話を書きます。 Sprocketsがやってくれること まずはSprocketsが裏側でどういうことをやっているのか知る必要があります。 Advent Calendar4日目の記事で既に概要が書かれていますが、もう少し細かく内部動作に踏み込んで書いてみます。 尚、Sprocketsのコードは現状のRailsの最新版である4.2.5で利用されている、Sprocket
ドットインストールの CoffeeScript 入門より http://dotinstall.com/lessons/basic_coffeescript CoffeeScript とは? JavaScript に変換可能な言語 JavaScript に比べて… 使いやすい 書きやすい 高機能 最近人気 hello.coffee -> hello.js といった感じでコンパイル 基本 行末までのコメントには # を使う 複数行のコメントは ### で挟む varは不要 行末のセミコロンは不要 ブロックはインデントで表現 丸括弧は曖昧性がない場合は省略可能 CoffeeScript:
前提 Yeoman + AngularJS Generatorを使って構築し、Gruntfile.jsをGruntfile.coffeeへ書き換えた環境を前提としています。 Gruntfile.coffeeに関してはこちらをどうぞ http://qiita.com/rneuo/items/c7d449a7361fe9cea236#2-3 概要 インストールモジュール説明 AngularJS + CoffeeScript + Protractor + Gruntでテスト環境を構築するにあたって、下記のnodeモジュールを使って構築してみたいと思います。 Protractor本体 https://github.com/angular/protractor CoffeeScriptでspecを記述するProtractorプラグイン https://github.com/lebek/protrac
最近のフロントエンド開発、静的サイト開発 HTMLを書くのにJadeを使いたい CSSを書くのにsass/compassを使いたい Javascriptを書くのにCoffeescriptを使いたい Javascriptのライブラリ管理にBowerを使いたい コンパイル処理の自動化などはGrunt.jsを使いたい sass/compassをつかうためにはrubyのcompass gemをインストールしないといけないのでnodeだけで完結できないのがネック。 とはいえ一番つかわれていそうなのがsassで、Stylusは日本語ドキュメントが少なかったり利用事例が少ないのでまだ早い感がある。 ディレクトリ構成 . ├── jade Jade置き場所 │ └── index.jade ├── sass sass置き場所 │ └── index.sass ├── coffee Coffeescri
このプロジェクトは以前のプロジェクトにmochaとReactの対応、自動ビルド時間短縮を施した置き換え版です。 GitHubへのリンク 概要 このプロジェクトは、AltJS(TypeScript & CoffeeScript) & Browserify & mocha & React構成の雛形プロジェクトです、以下の機能を持っています。 TypeScript、Browserifyの差分ビルド gulp.watch、Watchifyの変更監視による自動ビルド TypeScript、CoffeeScriptのソースファイルを混在出来る ファイルごとに型が欲しいか、短く書きたいか、で好きな方を選べばいい CoffeeScriptで書いたクラスをTypeScriptでrequireして使う、等 ※当然ですが、型チェックをするならTypeScript同士じゃないとダメ mochaによるテスト また、
module.exports = (grunt) -> grunt.initConfig pkg: grunt.file.readJSON 'package.json' coffeelint: app: files: src: [ 'Gruntfile.coffee' 'src/**/*.coffee' 'test/**/*.coffee' ] simplemocha: all: src: ['test/**/*.coffee'] options: reporter: 'nyan' ui: 'bdd' coffee: compile: files: 'lib/sample.js': 'src/sample.coffee' options: bare: yes watch: scripts: files: [ 'Gruntfile.coffee' 'src/**/*.coffee' 'tes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く