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
ドットインストールの 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
npm install --save-dev coffee-script npm install --save-dev protractor npm install --save-dev grunt-protractor-runner npm install --save-dev protractor-coffee-preprocessor npm install --save-dev grunt-exec coffee-script CoffeeScript のコンパイラ はじめ -g で入れていたのだがプロジェクトの中に入れないと使えなかった protractor angularJS 御用達の E2E テストフレームワーク selenium を angularJS プロジェクトで使えるようによしなにカスタマイズしている grunt-protractor-runner protracto
色々な人に同じことを教えている気がするのでまとめておく。 他の言語でもいいので、変数、分岐、繰り返し、関数くらいがわかってたら、下のことにとりかかっても早くない。 上の方が効果/学習コストが高い。 困ったらChromeデバッガ とにかく困ったらChromeデバッガを使う。jsもcssもhtmlもChromeデバッガを使って確認する。 使い方は一通り勉強した方がいい。 とりあえずjQueryとcoffeescriptを使う jsのmvcフレームワークとかに比べると学習コストが激安。 初心者であれば、とりあえず使っておいて間違いない。 検索は、「javascript+◯◯」ではなく、「jquery+◯◯」 生jsを排除してなるべくjQueryに寄せて書くことで、IE対応を減らせる。記述量も減る。 変数を一つのグローバルなオブジェクトにまとめて格納する 名前空間の汚染を小さくするために、状態保存
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く