「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§æ™®åŠãŒé€²ã‚€ãƒ“ルドツールãŸã¡ã€ インフラエンジニアã®ç¥å…¸ã€ŒJuly Tech Festa 2014ã€ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è‡ªå‹•åŒ–ã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚(ã¾ã 6月ã ã‘ã©) http://2014.techfesta.jp/
Front-end Build Tools - JTF2014 Tokyo
「フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§æ™®åŠãŒé€²ã‚€ãƒ“ルドツールãŸã¡ã€ インフラエンジニアã®ç¥å…¸ã€ŒJuly Tech Festa 2014ã€ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è‡ªå‹•åŒ–ã®è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚(ã¾ã 6月ã ã‘ã©) http://2014.techfesta.jp/
Gitフックを仕込むgrunt-githooksã«ã¤ã„ã¦ç´¹ä»‹ã™ã‚‹ã‚ˆ - Qiita
本投稿ã«ã¤ã„㦠Gruntプラグインを紹介ã—ã¦ã„ãGrunt Plugins Advent Calendar 2013ã®12/1ã®æŠ•ç¨¿ã§ã™ã€‚ ã•ã£ã作ã£ãŸã°ã‹ã‚Šãªã®ã§ã€ã¾ã ã™ã£ãã‚Šã•ã£ã±ã‚Šã—ãŸã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã«ãªã£ã¦ã¾ã™ã®ã§ã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ http://qiita.com/advent-calendar/2013/grunt-plugins grunt-githooksã¨ã¯ Gitフックã§Gruntタスクを実行ã™ã‚‹ä»•è¾¼ã¿ã‚’ã—ã¦ãれるGruntプラグインã§ã™ã€‚ https://npmjs.org/package/grunt-githooks https://github.com/rhumaric/grunt-githooks Gitフックã¨ã¯ Gitã§ã¯commitã‚„push, rebase, checkoutãªã©ã„ãã¤ã‹ã®æ“作ãŒã§ãã¾ã™ãŒã€ãれらã®ç‰¹å®šã®æ“作を行ã£ãŸã¨ãã«ã€ã‚¹ã‚¯ãƒª
I love the Unix philosophy, but...
Peter MüllerMy thoughts. The ones that didn't slip away I attended the Edge Conference in London, for which Andrew Betts should receive high praises. During the build system panel some remarks were made about the Unix philosophy in response to a question I asked. I did get a counter argument in, but the available time only allowed for tweet size comments, so I don’t think I got my point across pro
æ—©ã家ã¸å¸°ã‚‹ãŸã‚ã®â€¨Grunt入門
［＋gulp紹介］
4. Why use a task runner? In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort. 5. Why use a task runner? 一言ã§è‡ªå‹•åŒ–。ミニファイ・コンパイル・ユニットテ スト・文法ãƒã‚§ãƒƒã‚¯ãªã©ã®ç´°ã€…ã¨ã—ãŸä½œæ¥ã‚’ç°¡å˜ã«
A Year with Browserify - ÆFLASH
NOTE: this guide is out of date. It is only vaild for grunt-browserify@~1.3.0 and its included versions of browserify and browserify-shim. An updated guide is here. It's been a year since I wrote the long Javascript Module Systems article, in which I concluded that CommonJS and Browserify was the best way to write modular javascript for the browser. Over the last year, I've had a chance to test th
Grunt 0.4.3 released - Grunt: The JavaScript Task Runner
Grunt 0.4.3 is now available on npm. This is mostly a bugfix release. Thanks to Jonathan Krause, PatrickJS, Jason Cust, Fabio Crisci, James M. Greene and Mike Pennisi for their pull requests. In addition to closing over 30 issues, we have extracted grunt.util into its own module. As mentioned in the 0.4.2 release, we are in process of deprecating the grunt.util.* API. Task developers who use these
オレ的Gruntã«å¯¾ã™ã‚‹æœ€æ–°ã®æ°—æŒã¡ - from scratch
Gruntã«ã¤ã„ã¦æœ€æ–°ã®æ°—æŒã¡ ::ãƒãƒ–ã‚ã 上記ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚’èªã‚“ã§éžå¸¸ã«ä»Šè‡ªåˆ†ãŒæ„Ÿã˜ã¦ã„ã‚‹ã“ã¨ã¨å…±é€šç‚¹ã‚’æ„Ÿã˜ã¾ã—ãŸã€‚ Gruntã«å¯¾ã™ã‚‹æœ€æ–°ã®æ°—æŒã¡ã§ã¯2ã¤ã®å•é¡Œæèµ·ãŒã•ã‚Œã¦ã¾ã—ãŸã€‚ 1. Gruntfile.jsãŒé•·ã™ãŽã‚‹(700è¡Œã¨ã‹) 2. ãã‚‚ãも全部gruntã§ã‚„らãªãゃã„ã‘ãªã„ã®ã‹ 1.ã«é–¢ã—ã¦ã¯è‰²ã‚“ãªè§£æ±ºæ‰‹æ®µãŒã‚ã‚Šã¾ã™ã€ãƒ–ãƒã‚°ã®ç†è€…も解決ã•ã‚Œã¦ã„るよã†ã§ã™ã—ã€ã“ã®ä»¶ã«é–¢ã—ã¦ã¯æ¬¡å›žã®Maintainable Gruntfile.jsã§è§¦ã‚Œã¾ã™ã€‚ 最åˆã¯2.ã«é–¢ã—ã¦ã®ã€å…¨éƒ¨gruntã§ã‚„らãªãゃã„ã‘ãªã„ã‚“ã ã£ã‘ã€ã¨ã„ã†ç–‘å•ã«é–¢ã—ã¦ã§ã™ã€‚ 僕もåŒã˜æ€ã„ã‚’ã—ã¦ãŸã®ã§ã€åŒèª¿ã—ã¦ãƒ–ãƒã‚°ã‚’書ãã¾ã™ã€‚ gruntã«ã¤ã„㦠言ã‚ãšã¨çŸ¥ã‚ŒãŸã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã™ãã€gruntを使ã†ã¨javascriptã®minifyã‚„meta cssã®ã‚³ãƒ³ãƒ‘イルã¨ã„ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã‚ã‚ŠãŒã¡ãªä½œæ¥ã‚’自動化
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
Learn web development  | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
ã¤ã¾ã‚‰ãªã„Gruntタスク
Gruntfile.jsをサッã¨é–‹ã手段ã¨ã—ã¦editã¨ã„ã†ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã‚’å‹¢ã„ã§æ›¸ã„ãŸã‚“ã ã‘ã©ã€ç„¡æ„味ã§ã¤ã¾ã‚‰ãªã„Gruntタスクã ã£ãŸã€‚Gruntã«ã¯æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ãŒã‚ã‚Šã€è‡ªåˆ†ã§ã‚‚Node.jsを駆使ã—ã¦è‡ªç”±ã«æ›¸ã‘ã‚‹ã®ã§ã€è‰²ã€…ã‚„ã‚ŠãŸããªã‚‹ã€‚ã‘ã‚Œã©ã‚‚グッã¨ã“らãˆã¦ã€ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«ãŠã‘る定型作æ¥ã®è‡ªå‹•åŒ–ã«çµžã£ãŸæ–¹ãŒã€ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã¨é–‹ç™ºç’°å¢ƒã€ãã—ã¦Gruntfile.jsã«å„ªã—ã„。 grunt-contrib-watchを使ã£ãŸSassã®è‡ªå‹•ã‚³ãƒ³ãƒ‘イルやLiveReloadã®ã‚¿ã‚¹ã‚¯ã¯ç¢ºã‹ã«ä¾¿åˆ©ãªã‚“ã ã‘ã©ã€é–‹ç™ºã‹ã‚‰å…¬é–‹ã¾ã§ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã®æ®µéšŽã¨ã—ã¦å¿…é ˆã¨ã„ã†ã‚ã‘ã˜ã‚ƒãªã„。ã“れらã¯ã‚¿ã‚¹ã‚¯ã¨ã„ã†ã‚ˆã‚Šã‚‚環境ãªã®ã§ã€åˆ¥ã«è‡ªåˆ†å¥½ã¿ã®ç’°å¢ƒã‚’作ã£ãŸæ–¹ãŒé›†ä¸ã§ãã‚‹ã—ã€å¥½ã¿ã§ãªã„環境を押ã—付ã‘ãšã«(ãã—ã¦æŠ¼ã—付ã‘られãšã«)済む。 ã¾ãŸã€Gruntã§ãªã‚“ã§ã‚‚ã‚„ã‚‹ã“ã¨ã«æ…£ã‚Œã¦ã—ã¾ã†ã¨ã€è¨å®šã•ã‚Œã¦ã‚‹ã—ãã‚Œã§è‰¯ã„ã‹ã¿ãŸã„ãª
ç”»åƒã®æœ€é©åŒ–ã‚’CLIã ã‘ã§è¡Œã†grunt-imageを作ã£ãŸ | 1000ch.net
GUIè¦ã‚‰ãšã‚’目指ã—㦠Webã«ãŠã‘ã‚‹ç”»åƒã«ã¤ã„ã¦ã¯ä»¥å‰è¨˜äº‹ã«ã—ã¾ã—ãŸãŒã€ ãã®ãƒ•ãƒãƒ¼ã‚’より良ãã™ã‚‹ã¹ã最近gruntã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’作ã£ãŸã®ã§ãã®è©±ã‚’。 å‰ç½®ã ç§ã¯å¼Šç¤¾ã‚µãƒ¼ãƒ“スã®ãƒ‘フォーマンス改善をæ¥å‹™ã¨ã—ã¦ã—ã¦ã„ã¾ã™ã€‚ 何ãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ã¦ã„ã‚‹ã‹ã¯å„プãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¾ã¡ã¾ã¡ã§ã™ãŒã€ 共通ã—ã¦ã„ã‚‹ã®ãŒ 「ã¨ã«ã‹ãç”»åƒãŒå¤šã„〠ã¨ã„ã†ã¨ã“ã‚。 ã©ã®ã‚µãƒ¼ãƒ“スもペイãƒãƒ¼ãƒ‰ã‚µã‚¤ã‚ºã®80%程を画åƒãŒå ã‚ã¦ã„ã‚‹ã‚“ã§ã™ã。 ç”»åƒã®æœ€é©åŒ–を忘れるã ã‘ã§ï¼ˆä¾‹ãˆã°ï¼‰100KBã¨ã‹å¹³æ°—ã§å¢—ãˆã‚‹ã®ã§ã€ ã“ã‚Œã§ã¯CSSã‚„JavaScriptã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’減らã—ã¦ã‚‚本末転倒ã§ã™ã€‚ （もã¡ã‚ã‚“CSSã‚‚JavaScriptã‚‚çµåˆã¨åœ§ç¸®ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚） å„種最é©åŒ–ツール GUIã ã¨ä»¥ä¸‹ã®3ã¤ãŒæœ‰åã§å„ªç§€ã§ã™ã€‚ ImageAlpha - フリーソフト。24bitã®PNGã®8bitコンãƒãƒ¼ãƒˆã‚’è¡Œã†ã€‚256色~2色ã¾
Brunch - A build system without the Grunt-work - Alexander Hill | mallex();
Brunch is a front end build system that lets you get stuff done without needing a 500 line configuration file *cough* Grunt *cough*. However, there’s little in the way of an introduction to setting up Brunch in an existing project - the homepage only shows how to use Brunch with it’s ‘skeleton’ scripts. Thankfully, getting your own project to work with Brunch is simple and painless. Brunch vs Grun
grunt-docs/Roadmap.md at main · gruntjs/grunt-docs
Drop Node.JS 0.8 support New logging (https://github.com/cowboy/node-prolog) A logger to listen to events and output them to the console. Deals with stderr/stdout, or Grunt itself has this built in. node-task (https://github.com/node-task) Tasks as npm modules that can be required and run independent of any task runner (if you want to manually build a compliant config object to execute it). Can pi
Grunt vs Gulp - Beyond the Numbers
Just when you think that you're in control, Just when you think that you've got a hold, Just when you get on a roll, Here it goes, here it goes, here it goes again. OK Go - Here It Goes Again And so the evolution of front-end development continues with Gulp, the new build system that has already garnered praise amongst many web developers. After spending some time reading the docs and playing arou
Gulp-style stream piping in Grunt, or anywhere else
Gulp-style stream piping in Grunt, or anywhere else Recently a new front-end build tool, Gulp, has been getting quite some attention. What makes it really elegant is its use of Streams to orchestrate the build flow. Since everything is passed down in the buffer, it gets rid of the need to create temporary on-disk files. It already has an active community contributing plugins for it, but still lack
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
WebStormã§Karma+Mocha+power-assertã®javascriptテスト環境を作る - Qiita
The Ultimate Frontend Build Tool: make - Algorithm and Blues
http://flippinawesome.org/2014/02/24/using-grunt-consider-fez/
GitHub - gruntjs/grunt-next: Grunt v1.0 alpha
GitHub - shootaroo/jit-grunt: JIT(Just In Time) plugin loader for Grunt.
{{#tags}}- {{label}}
{{/tags}}