WebStormã§Karma+Mocha+power-assertã®javascriptテスト環境を作る - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
「gulpã£ã¦ã©ã†ãªã®ï¼Ÿã€ã«å¯¾ã™ã‚‹è¿”ç”
Gruntを使ã£ã¦ã‚‹äººã«ã€Œgulpã£ã¦ã©ã†ãªã®ï¼Ÿã€ã¨èžã‹ã‚Œã‚‹æ©Ÿä¼šãŒæœ€è¿‘何回ã‹ã‚ã£ãŸã®ã§ã€ã„ã¾ã•ã‚‰ãªãŒã‚‰è‡ªåˆ†ã®æ‰€æ„Ÿã‚’交ãˆã¦ç”ãˆã¦ã¿ã‚‹ã€‚ ã¾ãšã€è‡ªåˆ†ãŒã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’始ã‚ã‚‹ã¨ã—ãŸã‚‰gulpを使ã†ã§ã—ょã†ã€‚ç†ç”±ã¯è³ªå•ã«ç”ãˆãªãŒã‚‰æ›¸ã„ã¦ã„ãã¾ã™ã€‚ Grunt使ã„続ã‘ã¡ã‚ƒã ã‚ãªã®ï¼Ÿ ãã†ã§ã™ã。ã‚ãªãŸãŒGruntã«å分慣れã¦ã„ã¦ã€ã‚¿ã‚¹ã‚¯ã®ãƒ†ãƒ³ãƒ—レートãŒã‚ã£ã¦ã™ãã«é–‹ç™ºã«å…¥ã‚Œã‚‹ãªã‚‰Gruntを使ã„続ã‘ã¦ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ãŸã ã€ä»Šã¯Gruntã¨gulp両方ã¨ã‚‚使ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ã©ã£ã¡ãŒè¦‡æ¨©ã‚’æ¡ã‚‹ã‹ã‚ã‹ã‚Šã¾ã›ã‚“。Gruntã—ã‹çŸ¥ã‚‰ãªã„ã¾ã¾gulpã®æ™‚代ãŒæ¥ãŸã¨ãã«ãƒŽã‚¦ãƒã‚¦ã®å·®ãŒå¤šå°‘出るã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã‚‚ã—ã‚ãªãŸãŒGruntを片手間程度ã«ä½¿ã£ã¦ã„ã¦ã€è¨å®šã—ã¦ã‚‹ã‚¿ã‚¹ã‚¯ãŒã€Œãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒã¨ãƒ©ã‚¤ãƒ–リãƒãƒ¼ãƒ‰ã€ã‚ã¨minifyç³»ãらã„ã€ãªäººãªã‚‰gulpを触ã£ã¦ã¿ã‚‹ä¾¡å€¤ã¯ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚åŒã˜ã‚¿ã‚¹ã‚¯ã‚’gulpã§ã‚„
Grunt: Getting Started with Git Hooks | Viget
Scenario: you work on a fairly large project with other developers. Getting the rest of the team to run tests before the build has been problematic. If only you could ensure that tests ran before code could even be committed... Solution: Git Hooks to the rescue! Run anything you want before commits with the pre-commit hook. Like JSHint? Love unit testing? Run them before commits! The different hoo
Grunt front-osaka-1-lt-tanaka
7. module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), clean: { demo: ['build/*'] }, cssmin: { demo: { files: { 'build/css/demo.min.css': [ 'src/css/app.css', 'src/css/style.css' ] } } }, uglify: { demo: { options: { sourceMap: true }, files: { 'build/js/demo.min.js': [ 'src/js/app.js', 'src/js/util.js' ], 'build/asset/underscore/underscore.min.js': [ 'b
GRUNT ã®ã‚ã‚“ãªã“ã¨ã„ã„ãªã§ããŸã‚‰ã„ã„ãª
in Grunt Front Osaka vol.1
Gruntを使ã£ã¦Sass(SCSS) / Compassをコンパイルã—ã¦ã¿ã‚‹ | MONSTER DIVE
今回ã¯ã€Gruntを使ã£ã¦Sassをコンパイルã—ã¦ã¿ã¾ã™ã€‚Gruntã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ãã‚Œã¦ã‚‹ã®ã“ã¡ã‚‰ã‚’ã”覧ãã ã•ã„。Sassã®è¨˜æ³•ã«ã¯ã€SCSS記法ã¨SASS記法ã®2種類ãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯SCSS記法ã®ã¿å¯¾å¿œã«ãªã‚Šã¾ã™ã€‚ ※Sass・Compassã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ Gruntã§å‡¦ç†ã—ãŸã„ã“㨠Gruntã«ã¯ã€Sassã¨Compassをコンパイルã™ã‚‹ä»¥å¤–ã«ã‚‚様々ãªä¾¿åˆ©æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ 今回ã€ä¸‹è¨˜ã®æ©Ÿèƒ½ã‚‚使ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Sassファイルをコンパイルã™ã‚‹ livereloadã§SassファイルãŒæ›´æ–°ã•ã‚ŒãŸã‚‰ãƒ–ラウザをリãƒãƒ¼ãƒ‰ã•ã›ã‚‹ ãƒãƒ©ãƒãƒ©ã«è¨˜è¿°ã•ã‚ŒãŸãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’ã¾ã¨ã‚ã‚‹ CSSã®ãƒ—ãƒãƒ‘ティã®é †ç•ªã‚’æƒãˆã‚‹ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆã«ã¤ã„ã¦ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ project ├css (CSSã®å‡ºåŠ›å…ˆ) ├sass │└sty
SS|Sublime Text2 ã‹ã‚‰ Grunt を発動ã™ã‚‹æ–¹æ³•
ã¾ãŸã—ã¦ã‚‚メモ。 今僕ã¯ST2ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¦ã€css 㯠SCSS ã§æ›¸ã„㦠Grunt watch ã§ã‚³ãƒ³ãƒ‘イルã—ã¦ã¾ã™ã€‚ ã§ã€ã¡ã‚‡ã“ã¡ã‚‡ã“ã¨è‰²ã‚“ãªæ¡ˆä»¶ã®ä¿®æ£ã¨ã‹ã—ã¦ã‚‹ã¨ã€watchã—ã¦ã‚‹ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã®ã‚¿ãƒ–ãŒå‰ã„ã“ã¨ã«ãªã£ã¦ä½œæ¥ãŒå„„劫ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ é ‘å¼µã£ã¦åå‰ã¤ã‘ã¦ã‚‹ã‘ã©ã‚‚ã†æ¯Žå›žã©ã®ã‚¿ãƒ–é–‹ã‘ã°è‰¯ã„ã‹åˆ†ã‹ã‚“ãªããªã‚‹(´･_ï½¥`) ãªã®ã§ã€Sublime Text2ã‹ã‚‰watchã§ããªã„ã‹ãªãã¨æ€ã£ã¦ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ çµæžœãã†ã„ã†äº‹ãŒå‡ºæ¥ã‚‹ã¿ãŸã„ã®ãªã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ sublimetext2 – Sublime Text 2 build with Grunt v0.4.0 – Stack Overflow ãŸã ã—ã€watch ã§ã¯ãªã grunt コマンドã§ã™ã‘ã©ã€‚僕㯠grunt ã‹ grunt watch ã ã‘ã§ãã‚Œã°ãã‚Œã§å分ãªã®ã§ãã‚Œã§è‰¯ã„ã¨ã—ã¾ã™ã€‚ Grun
åˆã‚³ãƒ³å¤±æ•—ã—ãŸã‚‰é¢¨ä¿—
女å大生ãŒãŸãã•ã‚“åƒã„ã¦ã„るデリヘルã®ã‚µãƒ¼ãƒ“ス。深夜ã§ã‚‚使ãˆã‚‹é¢¨ä¿—ã¨ã—ã¦ã€è‡ªåˆ†ã®æš®ã‚‰ã—を豊ã‹ã«ã—ã¦ãã‚Œã¦ã„るデリヘルã§ã™ã€‚有å大å¦ã«é€šã†å¥³æ€§ã‚’指åã—ãŸä»Šå›žã¯ã€æ€ã„出ã—ãŸã ã‘ã§ã‚‚興奮ãŒç”¦ã£ã¦ãã‚‹ã»ã©ã€‚ç´ è‚¡ã®æ°—æŒã¡è‰¯ã•ã¯æŒ¿å…¥ã‚’超ãˆã‚‹ãらã„ã®æ„Ÿè¦šã§ã—ãŸã€‚ãã®ç§˜å¯†ã¯æ•æ„Ÿãªã‚¯ãƒªã«ã‚ã‚Šã¾ã™ã€‚ç´ è‚¡ã‚’ã™ã‚‹ã¨ã©ã‚“ã©ã‚“刺激ã•ã‚Œã¦ã‚¯ãƒªãŒå›ºããªã‚Šã€ãã‚ŒãŒäº€é ã«å½“ãŸã£ã¦æ°—æŒã¡è‰¯ã„。相手も擦れã¦æ°—æŒã¡è‰¯ã„ã¨ã„ã†ç›¸ä¹—çš„ãªé…力ã«æµ¸ã‚‹ã®ãŒã€ä»Šã¾ã§ã®é¢¨ä¿—å²ä¸Šæœ€é«˜ã®ä½“験ã«ãªã£ãŸã®ã§ã™ã€‚ç´ è‚¡ã¯ãŽã“ã¡ãªã•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ãã‚Œã§ã‚‚密ç€åº¦ãŒé«˜ãã¦ã‚¢ã‚½ã‚³ã¸ã®åˆºæ¿€ã¯å分ã™ãŽã‚‹ã»ã©ã€‚途ä¸ã§è€ãˆã‚‹ã“ã¨ã‚’諦ã‚ã¦ã„ã‚Œã°ã€ãã£ã¨ã‚µãƒ¼ãƒ“スã‹ã‚‰åŠåˆ†ã‚‚消化ã—ãªã„ã†ã¡ã«æžœã¦ã¦ã—ã¾ã£ã¦ã„ãŸã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€åƒ•ã¯é¢¨ä¿—MASTERã§ã™ã€‚ãã‚“ãªã“ã¨ã§ãã¾ã›ã‚“。ã‚スも大好ãらã—ãã€ã‚¯ãƒ³ãƒ‹ã‚’ã—ãŸå¾Œã§ã‚‚何度ã¨ãªã「ãƒãƒ¥ãƒ¼ã—ã¦ã»ã—ã„ã€ã¨ãŠé¡˜ã„ã•ã‚ŒãŸã®ã§ã€èˆŒã‚’絡ã‚ã¦ã˜ã£ã
Gitã®pre-commitフックã§gruntビルドを実行 - Gaishimo
å‰å›žã®è¨˜äº‹ã§JS Hintã€CSS Lint ç‰ã‚’Gruntを使ã£ã¦å®Ÿè¡Œã™ã‚‹æ–¹æ³•ã‚’書ã„ãŸãŒã€gruntビルド自体を実行ã™ã‚‹ã“ã¨ã‚’忘れã¦ã‚³ãƒŸãƒƒãƒˆã—ã¦ã—ã¾ã£ãŸã‚‰ã‚ã¾ã‚Šæ„味ãŒç„¡ã„ã®ã§ã€ã‚³ãƒŸãƒƒãƒˆã™ã‚‹ç›´å‰ã«å®Ÿè¡Œã™ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆã®.git/hooks以下㫠pre-commitファイルをé…ç½®ã™ã‚‹ã€‚ #!/bin/sh grunt build pre-commitファイルã«ã¯å®Ÿè¡Œæ¨©é™ã‚’付与 chmod u+x .git/hooks/pre-commit ã“ã‚Œã§git commit ã™ã‚‹æ™‚ã«gruntビルドãŒèµ°ã‚Šã€ã‚¨ãƒ©ãƒ¼ãŒã‚ã£ãŸå ´åˆã¯commitãŒä¸æ¢ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚å¿…ãšãƒã‚§ãƒƒã‚¯ãŒèµ°ã£ãŸã‚‚ã®ã—ã‹ã‚³ãƒŸãƒƒãƒˆãŒå‡ºæ¥ãªããªã‚‹ãŸã‚ã€ãŠã‹ã—ãªã‚‚ã®ãŒä¸ŠãŒã£ã¦ã—ã¾ã†ã“ã¨ãŒãªããªã‚‹ã€‚ ãŸã ã“ã‚Œã ã¨ã€ä¸€éƒ¨ã®ä¿®æ£ã ã‘をコミットã—ãŸã„å ´åˆã€ãれ以外ã®ãƒ¯ãƒ¼ã‚¯ãƒ„リー上ã«ã‚るファイルã®ã›ã„ã§ãƒ“ルドエラーã«ãªã£ãŸå ´åˆ
ã¼ããŒã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®Gruntfileã‚’æ™’ã—ã¦ã¿ã‚‹ - Qiita
開発ä¸ã¨ãƒªãƒªãƒ¼ã‚¹ãƒ“ルドをã‚ã‘ã¦è€ƒãˆã‚‹ã€‚ 開発ä¸ã¯ã¨ã«ã‹ã速度é‡è¦–。テストé‡è¦–。 リリースビルドã®ã»ã†ã«ã€è‡ªå‹•åŒ–ã§ãる便利ãªã‚¿ã‚¹ã‚¯ã‚’出æ¥ã‚‹ã ã‘çªã£è¾¼ã‚“ã§ãŠã。 開発ä¸ã«ä½¿ç”¨ã™ã‚‹ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã€ãƒªãƒªãƒ¼ã‚¹ãƒ“ルドã«ä½™è¨ˆãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ··ãœãªã„。 ã“ã‚“ãªè€ƒãˆæ–¹ã§Gruntfileを書ã„ã¦ã¿ã¾ã—ãŸã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«æœ€é©åŒ–ã—ãŸGruntfileを作るã¨ã„ã†ã“ã¨ã‚‚é…力的ãªæŒ‘戦ãªã®ã§ã™ãŒã€ç§ã¯é–‹ç™ºè€…一人ã§çŸç´æœŸãªæ¡ˆä»¶ã‚’ã„ãã¤ã‚‚ã“ãªã•ãªã„ã¨ã„ã‘ãªã„ã®ã§ã€ãã®ãŸã‚ã«å°Žå…¥ã—ãŸã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ã¯ãšãªã®ã«Gruntfileã®é–‹ç™ºã‚„メンテã«æ™‚é–“ã‚’å–られるã®ã¯æœ¬æœ«è»¢å€’ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€å‡ºæ¥ã‚‹é™ã‚Šæ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«æ°—ã‚’ã¤ã‘ã¦æ›¸ãã¾ã—ãŸã€‚ ã•ã‚‰ã«ä½•ã‹ç‰¹å®šã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã‚„フレームワークã«ä¾å˜ã—ãªã„よã†ã«ã€ç‰¹æ®Šãªãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆãªã©ã‚’å¿…è¦ã¨ã—ãªã„点も気を付ã‘ã¾ã—ãŸã€‚ 普段ã¯é–‹ç™ºã¯ç§ä¸€äººã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„コーダーや開発者
zsh ã®è£œå®Œé–¢æ•°ã§ ã‚ャッシュ機能(cache-policy) を使ㆠ- よんã¡ã‚…Blog
今回㯠grunt コマンドã®è£œå®Œé–¢æ•°ã‚’例ã¨ã—㦠ã‚ャッシュ機能(cache-policy) ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ grunt ã«ã¤ã„ã¦ã¯çŸ¥ã‚‰ãªãã¦ã‚‚大丈夫ã ã¨æ€ã„ã¾ã™ã€‚ ã‚ャッシュ機能(cache-policy) ã«ã¤ã„ã¦ã®è§£èª¬ãŒãƒ¡ã‚¤ãƒ³ãªã®ã§ã€zsh 補完関数ã®åŸºæœ¬çš„ãªèª¬æ˜Žã¯çœç•¥ã—ã¾ã™ã€‚ ãã®ä»£ã‚ã‚Šã€ã‚³ãƒ¼ãƒ‰å†…ã«ã‚³ãƒ¡ãƒ³ãƒˆã§ç°¡å˜ãªèª¬æ˜Žã‚’書ãã¾ã—ãŸã®ã§ãã¡ã‚‰ã‚’å‚考ã«ã—ã¦ä¸‹ã•ã„。 ※ ã¨ã¦ã‚‚é•·ã„記事ãªã®ã§ã€èª¤å—脱å—ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã”容赦下ã•ã„。m(_ _)m (見ã¤ã‘ãŸã‚‰æ•™ãˆã¦ãれるã¨åŠ©ã‹ã‚Šã¾ã™) ã¯ã˜ã‚ã« grunt ã«ã¯æ¨™æº–㧠bash ã®è£œå®ŒãŒã¤ã„ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€zsh 用ã®è£œå®Œé–¢æ•°ã¯ç„¡ãã€bash ã®è£œå®Œã¨åŒã˜æ–¹æ³•ã§å®Ÿè£…ã—ãŸã®ã§ã¯ã‚ªãƒ—ションやタスクã®èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“。 オプションã®èª¬æ˜Žã¯ãƒ™ã‚¿æ›¸ãã§ã„ã„ã¨ã—ã¦ã‚‚ã€ã‚¿ã‚¹ã‚¯ã®èª¬æ˜Žã¯ãã†ã¯ã„ãã¾ã›ã‚“。 ã¨ã„ã†ã“ã¨ã§ä½œæˆã—ãŸã®ãŒ
gruntã®zsh補完を書ã„ãŸã€‚ - よんã¡ã‚…Blog
bashã®è£œå®Œã¯å…¬å¼ã§æä¾›ã•ã‚Œã¦ã„ãŸãŒã€gruntã®zsh補完ãŒãªã‹ã£ãŸã®ã§ä½œã£ãŸã€‚ ç§ãŒå˜åœ¨ã‚’知らãªã„ã ã‘ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã€çŸ¥ã£ã¦ã‚‹æ–¹ãŒã„ãŸã‚‰æ•™ãˆã¦ãã ã•ã„。 (zsh-completions 㨠oh-my-zsh ã«ã¯ãªã‹ã£ãŸã€‚1ã¤ã ã‘githubã«ã‚ã£ãŸã‘ã©å¾®å¦™ã ã£ãŸã€‚) ã¡ãªã¿ã«å…¬å¼ã®bash補完ã¯ã€ä»¥ä¸‹ã®è¨å®šã‚’ .bashrc ãªã©ã«è¨˜è¿°ã™ã‚Œã°ä½¿ç”¨å‡ºæ¥ã¾ã™ã€‚ eval "$(grunt --completion=bash)" zsh補完イメージ インストール方法 Githubã«ç½®ã„ã¦ã‚ã‚‹ã®ã§ã¨ã£ã¦ãã¦ä¸‹ã•ã„。 yonchu/grunt-zsh-completion · GitHub $ git clone git://github.com/yonchu/grunt-zsh-completion.git or $ wget https://github.com/yonchu/gr
Gruntã§Jasmineを使ã£ãŸHeadlessãªãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆ
Gruntã§ã¯Headlessãªãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãŸã‚ã® Qunit ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å€‹äººçš„ã«ã¯RSpec風ã«è¨˜è¿°ã§ãã‚‹ Jasmine ã®æ–¹ãŒèªã¿ã‚„ã™ã„ã®ã§ã€Jasmineã§ã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’構築ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã€Grunt Jasmine runner をインストール [shell] $ cd /your-project $ npm install grunt $ npm install grunt-jasmine-runner [/shell] PhantomJSãŒãªã„å ´åˆã¯Brewã§ã„ã‚Œã¦ãŠã [shell] $ brew install phantomjs [/shell] 自身ã®grunt.jsファイルã«è¿½åŠ [js] // Jasmine jasmine: { // テストã™ã‚‹ãŸã‚ã®ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ« src : ‘path/to/project/*.js’, //
昨今ã®Webアプリケーションã®ã²ãªå½¢ãã®2 - Grunt - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
昨日ã®ç¶šã。 ã“ã†ã„ã†ã‚¢ãƒ—リケーションã®ãƒ†ãƒ³ãƒ—レートを管ç†ã™ã‚‹ã®ã«ä¾¿åˆ©ãªä»•çµ„ã¿ã¯ãªã„ã§ã™ã‹ãーã¨è¨€ã£ã¦ã„ãŸã‚‰ @teppeis ã•ã‚“ã‚„ @omo2009 ã•ã‚“ã« Grunt ã‚„ Yeoman ã¯ã©ã†ã‹ã¨æ•™ãˆã¦ã‚‚らã£ãŸã€‚ Grunt ã¯ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¨ã—ã¦ã¯ JavaScript ã®é€£çµã‚„圧縮ã€SCSS/LESS ãªã‚“ã‹ã®ãƒ¡ã‚¿è¨€èªžã®ã‚³ãƒ³ãƒ‘イルをã™ã‚‹ã¨ãã«ä½¿ã†ã‚‚ã®ã€ã¤ã¾ã‚Š rake ãªã‚“ã‹ã¨åŒã˜ã‚ˆã†ãªã‚‚ã®ã¨ä»¥å‰ã«ãƒãƒ©è¦‹ã—ãŸç¨‹åº¦ã§çŸ¥ã£ãŸæ°—ã«ãªã£ã¦ã„ãŸã‘ã©ã‚‚ã€ã¡ã‚‡ã£ã¨é•ã£ã¦ã„ãŸã€‚Grunt ã¯ç¢ºã‹ã«ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§ã¯ã‚ã‚‹ã®ã ãŒã€Node.js ã§å®Ÿè£…ã—ã¦ã„る利点をå分ã«æ´»ã‹ã—ã¦ã€ä»»æ„ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›´æ–°ã•ã‚ŒãŸã®ã‚’トリガã«ä¸€é€£ã®ã‚¿ã‚¹ã‚¯ã‚’実行ã•ã›ãŸã‚Šã€Grunt 㧠Webサーãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã¦ä»–ã®ã‚¿ã‚¹ã‚¯ã¨é€£æºã•ã›ãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„る。プラグインã®ä»•çµ„ã¿ãŒã‚ã£ã¦ã€ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ çš„ã«çµæ§‹æ´»ç™ºã«
Gruntã®æ¦‚è¦ã¨å°Žå…¥æ‰‹é †ã¨ãƒ¡ãƒªãƒƒãƒˆ | 1000ch.net
2012/12/08 Gruntã¨ã¯ grunt: a task-based command line build tool for JavaScript projects ã‚‚ã¯ã‚„説明ä¸è¦ã®å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ãŒã€ gruntãŒgrunt-cliã¸ã®ç§»è¡Œ(?)ã‚’ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ コマンドラインã§ä½¿ç”¨ã™ã‚‹ãƒ“ルドタスクã®ãƒ„ールã§ã™ã€‚ js(ã»ã¼json)ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ä¸Šã«ã€concatã‚„minifyã¨ã„ã£ãŸã‚ˆã†ãªã‚¿ã‚¹ã‚¯ã‚’定義ã—〠コマンドラインã‹ã‚‰å®Ÿè¡Œã—ã¾ã™ã€‚言葉ã ã‘ã ã¨ã‚¤ãƒ¡ãƒ¼ã‚¸æ¹§ãã«ãã„ã¨æ€ã„ã¾ã™ã®ã§ã€ 使ã£ã¦ã‚‚らã†ã®ãŒä¸€ç•ªã¨è¨€ã„å¼µã£ã¦å°Žå…¥æ‰‹é †ã®èª¬æ˜Žã«å…¥ã‚Šã¾ã™ã€‚ npmã‹ã‚‰grunt-cliをインストールã™ã‚‹ （nodeã¨npmã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ãƒ»ãƒ»ãƒ»ã‚ˆã？） npm install -g grunt-cli ã“ã‚Œã§æ ¸ã¨ãªã‚‹CLIã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯å®Œäº†ã§ã™ã€‚ ターミ
gruntを使ã£ã¦CSS/JS周りを自動化ã™ã‚‹ã®ãŒã€ãªã†ã§ãƒšãƒ¤ãƒ³ã‚°ã‚‰ã—ã„ã®ã§ä½¿ã£ã¦ã¿ãŸ - é³¥ã•ã‚“ã®ç‹¬ã‚Šè¨€
ã‚„ã»ã»ã€‚ ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ä½¿ã„ã¥ã‚‰ã„インタフェースãªã‚“ã¨ã‹ã—ã¦ãã‚Œã£ã¦æ€ã£ã¦ã‚‹é³¥ã•ã‚“ã 。 ã•ã¦ã€gruntã£ã¦ã„ã†node.jsを使ã†ã¨ã€CSSã‚„JavaScript周りを色々ã¨è‡ªå‹•åŒ–ã§ãã‚‹ã¨èžã„ã¦ã€ä½¿ã£ã¦ã¿ãŸã‚ˆã€‚ gruntã§ã§ãã‚‹ã“ã¨ã€Œgrunt watchã€ã§ç›£è¦–ã—ã¦ãŠãã¨ã€ä¸Šæ›¸ãä¿å˜ã—ãŸéš›ã«è‡ªå‹•çš„ã«è‰²ã‚“ãªã“ã¨ã‚’ã—ã¦ãれるんã 。例ãˆã°ãƒ»ãƒ»ãƒ» ファイルã®çµåˆ JavaScriptファイルã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ JavaScriptファイルã®è»½é‡åŒ–（圧縮ã€minifyï¼‰æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚ŒãŒã€ã“ã‚“ãªã“ã¨ã‚‚ã§ãるよã†ã«ãªã‚‹ã‚ˆã€‚（他ã«ã‚‚探ã›ã°ã‚ã‚‹ã‹ã‚‚） CoffeeScriptファイルã®ã‚³ãƒ³ãƒ‘イル Lessファイルã®ã‚³ãƒ³ãƒ‘イル CSSファイルã®åœ§ç¸® CSSファイルã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ gruntã®å°Žå…¥ã•ã¦ã€ç’°å¢ƒã‚’構築ã—よ〜。 ã¾ãšã€node.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ã€node.jsã®ãƒ‘ッケージ管ç†ã‚·ã‚¹ãƒ†ãƒ np
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - wecodemore/grunt-githooks: A Grunt plugin to help bind Grunt tasks to Git hooks
GitHub - uncss/grunt-uncss: :scissors: A grunt task for removing unused CSS from your projects.
GitHub - sapegin/grunt-webfont: SVG to webfont converter for Grunt
GitHub - gruntjs/grunt-next: Grunt v1.0 alpha
{{#tags}}- {{label}}
{{/tags}}