タグ

gulpとgruntに関するt-wadaのブックマーク (7)

  • makeのくびき - saneyuki_s log

    gulpって何だよ、makeでいいじゃん(要約」論争について、私もちょっと一講釈をぶってみることにする。あれやこれやといった実利的な話をするつもりはない。そういうものは既に書いた人がいるのでそちらを参照のこと。 Gruntの思い出 Gruntは、私の印象で言えば車輪の再発明の失敗作のようなもので、タスク間の依存関係が破滅への一途をたどり管理不能に至るなど、宣言型の負の側面が強く出てしまった。しかし、設定は当にサンプルコードのコピペだけで組み立てられるので、JSが不得手なデザイナーなどには非常に受けが良かったという点は忘れてはならない。ちょうど、html5ブームが格化して, Apache Antとかに慣れ親しんだJava(主にSIer)系の人が入ってきたタイミングにあった道具かつ、Yeomanファミリーにも組み込まれており、それでいて簡単な事をやらせるには悪くはない具合のシンプルさ、

    makeのくびき - saneyuki_s log
    t-wada
    t-wada 2015/05/12
    JS のタスクランナーたちはなぜ車輪の再開発をやったのか。その背景と文化。バランスが取れている意見。
  • 我慢の期間

    MovableTypeとWordPressとJekyllとHugoや、Gruntとgulp、SassとLESSとStylus、果てはjQueryなどの話はスケールやパターンを変えて繰り返される。その話はあたかも特定の何かに依存することが良くないとか新しいこっちのがすごいぞというように結論づけられることが多くて、僕にはちょっと頷けないこともあったりする。大切なのは何を解決しようとしていたかを忘れないことだと思う。複雑化しそうな場合にそこから先へ踏み込まずに我慢する期間がいるとかかも。 GNU makeでいいじゃん的な結論はそれは確かにビルドという点ではそうなんだけど、Gruntが解決しようとしていたのはそこじゃない。npmという生態系の中で完結させやすいタスク実行環境を手軽に用意することができることで、それ以上でもそれ以下でもない。実行速度以外にも腐臭を放つAPIやプラグイン間で一貫性のない

    我慢の期間
    t-wada
    t-wada 2015/05/11
    "目の前に美味しそうにぶら下がってるけど実際には不必要な便利さや、自分が解決したい問題とはあまり関係ない欠点に惑わされずに、常に自分が何を解決したかったかを忘れないことが大切"
  • 2014-12-23のJS: 開発者アンケート結果、Protractorの仕組み、パフォーマンスチューニング

    JSer.info #207 - DailyJSが毎年この時期にやっているアンケートであるJavaScript Developer Survey 2014(翻訳)の結果が公開されました。 毎年微妙に質問や回答方法(複数可となってたり)が異なるため、単純に比較はしにくい設問もありますが、去年はGrunt一強だったビルドツールについてがGulpが35%、Gruntは47%となっていたり見ていて面白い変化も多いです。 JavaScript - こわくない Protractor - Qiitaという記事では、ProtractorというE2EテストツールがどのようにしてWebDriverJSを扱ってテストしているのかについて詳しく書かれています。 テスト時にSeleniumでブラウザを操作しているため、操作から実際の結果までに間があったり、その結果をassertするタイミングが難しかったり、非同期と

    2014-12-23のJS: 開発者アンケート結果、Protractorの仕組み、パフォーマンスチューニング
    t-wada
    t-wada 2014/12/24
    この一年で grunt と gulp のシェアの差はかなり縮まったのだなぁ
  • AST - the only true tool for building JavaScript

    The document discusses working with code abstract syntax trees (ASTs). It provides examples of parsing code into ASTs using libraries like Esprima, querying ASTs using libraries like grasp-equery, constructing and transforming ASTs, and generating code from ASTs. It introduces aster, an AST-based code builder that allows defining reusable AST transformations as plugins and integrating AST-based bu

    AST - the only true tool for building JavaScript
    t-wada
    t-wada 2014/09/01
    30-34 ページの流れがとても分かりやすい。 aster (AST based code builder) 使いたくさせる画になっている。
  • minimatch(node.js で path match するライブラリ)のチートシートを作った - 詩と創作・思索のひろば

    minimatch っていうのは Grunt や gulp.js その他あちこちで(npm もらしい)使われてるグロブマッチライブラリです。最近よく gulp を使ってるんだけど、毎回 gulp.src() の書き方で迷ってしまう。調べた結果 minimatch に行き当たったんだけど各種 glob 実装のドキュメント読んで把握しろ、という感じでよく分からなかったので早見表を作った次第です。 https://github.com/motemen/minimatch-cheat-sheet 確認用にテストを書いていて、そのテストケースからドキュメントを生成してるので間違いはないはずです。説明が間違ってる、この例も乗せた方が見やすいだろ、とかあればプルリクください。 折角なので日語版を書いておきますね。 基 * はパスセパレータを含まない任意の文字列にマッチ ** はパスセパレータを含む任

    minimatch(node.js で path match するライブラリ)のチートシートを作った - 詩と創作・思索のひろば
    t-wada
    t-wada 2014/08/18
    grunt や gulp 等が中で使っているグロブマッチライブラリ minimatch のチートシート。これはお役立ちまとめだ……!
  • Front End Ops Tooling

    This talk covers build tooling, processes, and your development workflow. You’ll get a glimpse as to why you should be building, and why you should put …

    Front End Ops Tooling
    t-wada
    t-wada 2014/06/03
    JavaScript フロントエンドのビルドツールの現在について。後からではなく最初にビルドから始める。全てを browserify にかける。これは同意だなぁ。 grunt / gulp / npm run の比較もある。
  • Build Wars: Gulp vs Grunt

    A brief history of Grunt I realized that a task-based build tool with built-in, commonly used tasks was the approach that would work best for me Ben Alman March 2012 Single, global Grunt: $ npm install -g grunt Configuration over code grunt.initConfig({ lint: { src: 'src/<%= pkg.name %>.js' }, concat: { src: [ '<banner:meta.banner>', '<file_strip_banner:src/<%= pkg.name %>.js>' ], dest: '<%= pkg.n

    Build Wars: Gulp vs Grunt
    t-wada
    t-wada 2014/02/18
    この芸風いいな。内容も面白かった。
  • 1