JSONを使ã£ã¦Sassã¨JavaScriptã§è¨å®šå€¤ã‚’共有ã™ã‚‹æ–¹æ³•You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python hoge.js ã‚’ minify ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ hoge.min.js ã¨ã—㦠出力ã™ã‚‹æ–¹æ³•ã§ã™. gulp-rename ã£ã¦ã‚„ã¤ã‚’使ã„ã¾ã™. æ‹¡å¼µåã‚’ .js ã‹ã‚‰ .min.js ã«å¤‰æ›ã™ã‚‹ gulp-rename ã¨ã„ã†ã‚¿ã‚¹ã‚¯ã‚’使ã„ã¾ã™. 下記コマンドã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™. $npm install --save-dev gulp-rename ã¤ã„ã§ã« uglify ã‚‚ $npm install --save-dev gulp-uglify ã‚ã¨ã¯ gulpfile.js ã«ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¿ã‚¹
軽é‡ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語 Jade 入門 ã‹ã‚‰ã® Gulp ã§ã‚³ãƒ³ãƒ‘イルã¾ã§ - Gulp ã§ä½œã‚‹ Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ #5 | PSYENCE:MEDIA
軽é‡ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語 Jade 入門 ã‹ã‚‰ã® Gulp ã§ã‚³ãƒ³ãƒ‘イルã¾ã§ - Gulp ã§ä½œã‚‹ Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ #5 wakamsha 2015.04.24 190 12187486 ã“ã‚Œã¾ã§ãšã£ã¨ Rails ã§ã®é–‹ç™ºã‚’ã—ã¦ã„ãŸã®ã§è»½é‡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語㫠Slim を使ã£ã¦ã„ã¾ã—ãŸãŒã€Gulp 環境ã«ãªã£ã¦ã‚‚åŒã˜ã‚ˆã†ãªè¨€èªžã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã„ã®ã§ Jade ã‚’å°Žå…¥ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ サンプルコードã¯ã“ã¡ã‚‰ã‹ã‚‰ã©ã†ãžã€‚ wakamsha/try_gulp Jade ã¨ã¯ Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers. For bug reports, feature r
[æ„訳]ç§ãŒGulpã¨Gruntを手放ã—ãŸç†ç”± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®ãƒã‚¹ãƒˆã¯ã€Why I Left Gulp and Grunt for npm Scriptsã‚’ç†è€…ã®è¨±è«¾ã‚’å¾—ã¦æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚é–“é•ã„ãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã”指摘ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ （以下ã€è¨³ï¼‰ ç§ã¯Gulpã¨GruntãŒä¸è¦ãªæŠ½è±¡åŒ–レイヤーã ã¨æ°—ã¥ãã¾ã—ãŸã€‚npmã®scriptsã¯ã¨ã¦ã‚‚強力ã§ã€ãã£ã¡ã®æ–¹ãŒä¾¿åˆ©ã ã£ãŸã‚Šã—ã¾ã™ã€‚ 例を挙ã’ã¾ã—ょㆠç§ã¯ã‹ã¤ã¦ã¯GulpãŒå¤§å¥½ãã§ã—ãŸã€‚ã—ã‹ã—çµå±€ã®ã¨ã“ã‚ã€100行もã®gulpfileã¨å¤§é‡ã®gulpプラグインを扱ã†ãƒãƒ¡ã«ãªã‚Šã¾ã—ãŸã€‚Gulp上ã§Webpackã‚„Browsersyncã€Mo
![[æ„訳]ç§ãŒGulpã¨Gruntを手放ã—ãŸç†ç”± - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/efaa34dd1a32c534c95a6fcfb2a18eae6bce18dc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY3NzYxNCUyRmZiOTI4YTg1OGZkYzRhOTJhOWRjNzk0MjJkMjRkOWU3OGMwYTRlN2IlMkZ4X2xhcmdlLnBuZyUzRjE3MDk3NjIzNTU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9OGI0YmYxZmQzNGM1ODdkYjg4MjcyMWZmNjVjOGUxODY%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D64fc9452013a3c28080b96fa038df273%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU2JTg0JThGJUU4JUE4JUIzJTVEJUU3JUE3JTgxJUUzJTgxJThDR3VscCVFMyU4MSVBOEdydW50JUUzJTgyJTkyJUU2JTg5JThCJUU2JTk0JUJFJUUzJTgxJTk3JUUzJTgxJTlGJUU3JTkwJTg2JUU3JTk0JUIxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZmM3NzY5ZDRiZTY2MTgyMzYzNWRmYTRmOGEzZmJlZGY%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0ZW5rZWkmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1hYWFlNWZiOGFhNjcxY2ZjZDlhYzU4NTZkOGI1ZTg0Zg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0a858d82d5b184647d19d1034767cf0c)
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルドツールã€Grunt以外ã®é¸æŠžè‚¢ - tohashi's blog
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルドツールã¨ã„ã†ã¨Grunt㌠デファクトスタンダードã«ãªã£ã¦ã„ã‚‹æ„Ÿã‚ã‚Šã¾ã™ãŒã€ ãれ以外ã®é¸æŠžè‚¢ã£ã¦ä½•ãŒã‚ã‚‹ã‹ãªã¨ã„ã†è©±ã§ã™ã€‚ Gulp Gulpã¯ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°å¼ã®ãƒ“ルドツールã§ã™ã€‚ è¨å®šã¯gulpfileã«è¨˜è¿°ã—ã¾ã™ã€‚ gulp = require 'gulp' coffee = require 'gulp-coffee' concat = require 'gulp-concat' uglify = require 'gulp-uglify' gulp.task 'compile', -> gulp.src('./src/*.coffee') .pipe(coffee()) .pipe(concat('all.js')) .pipe(uglify()) .pipe(gulp.dest('./dist/')) 記述方法ã¯Gruntã¨é•ã„ã€ã“ã®ã‚ˆã†ã«gulp.src(
gulp-hologramを導入メモ - Qiita
gulp-hologramã‚’å°Žå…¥ã—ã¦ã¿ãŸ gulpã®taskを書ã„ã¦ã„ãŸã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ ãŸã¾ãŸã¾CodeGridã§ã€Œhologram（ホãƒã‚°ãƒ©ãƒ ）ã€ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’紹介ã•ã‚Œã¦ã„ãŸã®ã§å°Žå…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ Hologram — Style Documentation Build System hologramã¯ã€Rubyã§æ›¸ã‹ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚ CodeGridã®è¨˜äº‹ã§ã‚‚書ã‹ã‚Œã¦ã„ã¾ã—ãŸãŒã€è‹¥ã„オープンソースプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãŸã‚ドã‚ュメントãŒè±Šå¯Œã§ã¯ãªã„・気ã®åˆ©ã„ãŸãƒ†ãƒ³ãƒ—レートãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ãã†ã§ã™ã€‚ 今回ã€å°Žå…¥ã—ãŸãƒ†ãƒ³ãƒ—レートもCodeGridã§ä½œæˆã•ã‚ŒãŸãƒ†ãƒ³ãƒ—レート埋ã‚込む形ã§å¯¾å¿œã—ã¾ã—ãŸã€‚ ã®ã¡ã»ã©ã€ã‚½ãƒ¼ã‚¹ã‚’èªã‚“ã§è‡ªåˆ†ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹äºˆå®šã§ã™ã€‚ https://github.com/codegrid/
[Gulp][Sketch 3][hologram][SCSS][CSS]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（25）：Hologramã¨gulp-hologramã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’作る
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯Gulp.js（全俺） Advent Calendar 2014ã§ã™ã€‚ å‰å›žã®ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（24）：gulp.spritesmithプラグインã§Spriteイメージを作るã§Spriteイメージを作りã¾ã—ãŸã€‚今回ã¯gulp-hologramプラグインã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã®Hologramを使ã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’作ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Hologramã«ã¤ã„㦠Hologramã¯Ruby環境ã§å‹•ãスタイルガイドジェãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚Hologramã¯ç‹¬è‡ªã®ãƒ†ãƒ³ãƒ—レートを使ã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’カスタマイズã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚スタイルガイドジェãƒãƒ¬ãƒ¼ã‚¿ã«ã¯ä»–ã«ã‚‚StyleDoccoã‚„Knyle Style SheetsãŒã‚ã‚Šã¾ã™ã€‚ Ruby環境ã®æº–å‚™ Gemfileã«gem "hologram"を追記ã—ã¦$ bundle installを済ã¾ã›ã¾ã™ã€‚ sour
![[Gulp][Sketch 3][hologram][SCSS][CSS]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（25）：Hologramã¨gulp-hologramã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
gulpã§ä¾å˜é–¢ä¿‚を考慮ã—ãŸè‡ªå‹•ã‚³ãƒ³ãƒ‘イル - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€ã‚·ãƒ‹ã‚¢ã‚¢ãƒ—リケーションエンジニアã®id:taraoã§ã™ã€‚ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼2014ã®21日目ã¨ã—ã¦ã€ä¾å˜å…ˆã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›´æ–°ã•ã‚ŒãŸã‚‰ã‚³ãƒ³ãƒ‘イルã—ãªãŠã™å‡¦ç†ã‚’gulpã§å®Ÿç¾ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã€ã¨ãã«Lessを例ã«ã¨ã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã¦ãªã§ã¯ã€JavaScriptã‚„CSSãªã©ã®é™çš„ファイルをTypeScriptã‚„Lessãªã©ã‹ã‚‰ã‚³ãƒ³ãƒ‘イルã—ã¦ç”Ÿæˆã™ã‚‹ã“ã¨ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚CSS(Less)ã¯ä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ›¸ããŸã‚ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ‰‹é †ã¯ã§ãã‚‹é™ã‚Šç°¡å˜ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚多ãã®ãƒãƒ¼ãƒ ã§ã¯ã€ã‚µãƒ¼ãƒã‚¢ãƒ—リケーションをãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§å®Ÿè¡Œã—ã¦ã„る最ä¸ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®å¤‰æ›´ã«å¿œã˜ã¦è‡ªå‹•çš„ã«ã‚³ãƒ³ãƒ‘イルã—ãªãŠã™ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ファイルã®æ›´æ–°ç›£è¦–ã‹ã‚‰ã‚³ãƒ³ãƒ‘イルã¾ã§ã®å‡¦ç†ã«ã¯Gruntãªã©ã‚’使ã£ã¦ãã¾ã—ãŸãŒã€ã‚³ãƒ³ãƒ‘イル対象ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ä¾å˜é–¢ä¿‚ãŒã‚ã‚‹å ´åˆã€ä¾å˜å…ˆã®ãƒ•ã‚¡ã‚¤ãƒ«ã®å¤‰æ›´ã«å¿œã˜ã¦ä¾å˜å…ƒã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Compiling SASS and SUSY with GULP
{{#tags}}- {{label}}
{{/tags}}