[B! gulp][web] bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bitgleams id:bitgleams

gulpã¨webã«é–¢ã™ã‚‹bitgleamsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

https://geechs-magazine.com/tag/lifehack/20160928_2
bitgleams 2016/12/08
gulp

sass

tutorial

***

web

dev

commandline

terminal

css

coding
ãƒªãƒ³ã‚¯
https://geechs-magazine.com/tag/lifehack/20160920
bitgleams 2016/09/21
gulp

tutorial

***

web

tips

dev

tools

åŸºæœ¬
ãƒªãƒ³ã‚¯
çµ¶å¯¾ã¤ã¾ãšã‹ãªã„Gulpå…¥é–€ã€‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¾ã§ â€“ ICS MEDIA
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¯ç…©é›‘ãªå‡¦ç†ã‚’è‡ªå‹•åŒ–ã™ã‚‹ã€Œã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€ã‚„ã€Œãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ã¨ã„ã†ãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€ŒGulp.jsã‚¬ãƒ«ãƒ—ã€ã®å°Žå…¥æ‰‹é †ã‚’è§£èª¬ã—ã¾ã™ã€‚ å°Žå…¥ã¯ç°¡å˜ã§ã€æœ¬è¨˜äº‹ã®æ‰‹é †ã§ã¯5åˆ†ç¨‹åº¦ã§ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã§ãã¾ã™ã€‚Gulpã¯ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ä½¿ã†ã®ãŒä¸€èˆ¬çš„ã§ã™ãŒè‹¦æ‰‹ãªäººã§ã‚‚å®‰å¿ƒã—ã¦å¦ã¹ã‚‹ã‚ˆã†ã€ãƒ“ãƒ‡ã‚ªã§ã‚‚è§£èª¬ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§å¦ã¹ã‚‹ã“ã¨ ã‚¤ãƒžãƒ‰ã‚ã®Gulpã®å°Žå…¥æ‰‹é † Gulp 5ã«å¯¾å¿œã—ãŸæ›¸ãæ–¹ Sassã‚µã‚¹ã®å°Žå…¥æ‰‹é † Gulpã‚„Sassã®å°Žå…¥ã‚„ä½¿ã„æ–¹ã«ã¯ã„ã‚ã‚“ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ç¾å ´ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Gulpã®å…¥é–€è¨˜äº‹ã¯ä»–ã®ã‚µã‚¤ãƒˆã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€å¯¾è±¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒå¤ãã¦ä½¿ãˆãªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚æœ¬è¨˜äº‹ã¯æœ€æ–°ç‰ˆã«å¯¾å¿œã•ã›ã¦ã„ã‚‹ã®ã§ã€å®‰å¿ƒã—ã¦èªã¿é€²ã‚ã¦ãã ã•ã„ã€‚ â€»ã“ã®è¨˜äº‹ã§ã¯ã€Node.js v18ã€œv20ã§å‹•ä½œæ¤œè¨¼ã‚’ã—ã¦ã„ã¾ã™ã€‚ â€»Gulp
bitgleams 2016/05/12
gulp

frontend

dev

tools

web

tutorial

tips

node.js

***
ãƒªãƒ³ã‚¯
CSSã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã§ã—ãŸ5ã¤ã®ã“ã¨
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚ã¤ã“ã§ã™(Î¦Ï‰Î¦) ä»Šå›žã¯ã€ç¾è¡Œã‚µãƒ¼ãƒ“ã‚¹ã®CSSã‚’ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã—ãŸè©±ã¨ã©ã‚“ãªå½±éŸ¿ãŒã‚ã£ãŸã‹ã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚‚ãã˜ çµŒç·¯ã¨ã‹ å®Ÿéš›ã«ã—ãŸ5ã¤ã®ã“ã¨ ã¾ã¨ã‚ çµŒç·¯ã¨ã‹ é–‹ç™ºæœŸé–“ç´„9ãƒ¶æœˆã€ãƒªãƒªãƒ¼ã‚¹ã—ã¦1å¹´ã®ç¾è¡Œã‚µãƒ¼ãƒ“ã‚¹ã®CSSãŒå¤§å¤‰ãªã“ã¨ã«ãªã£ã¦ã„ãŸã®ã§ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã¨ã¯ã€ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã§ã¯ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ä½œæˆãŒé€²ã‚€ã«ã¤ã‚Œã¦ã€ä¸é€”ã§ã®è¨è¨ˆå¤‰æ›´ã‚„ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãªã©ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã¯å†—é•·ã§æ±šã„ã‚‚ã®ã¨ãªã£ã¦ã„ãã“ã¨ãŒå¤šã„ã€‚ã“ã‚Œã‚‰ã®å•é¡Œç‚¹ã‚’è§£æ±ºã—ã€å°†æ¥ã®ä»•æ§˜å¤‰æ›´ã«æŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ‰‹ç›´ã—ã‚’è¡Œã†ã“ã¨ã‚’ã€Œãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã€ã¨ã„ã†ã€‚ ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã¨ã¯ï½œrefactoring - æ„å‘³/è§£èª¬/èª¬æ˜Ž/å®šç¾© ï¼š ITç”¨èªžè¾žå…¸ ã¨ã„ã†ã“ã¨ã®ã‚ˆã†ã§ã™ã€‚ å•é¡Œç‚¹ã¯å¤§ããã‚ã‘ã¦2ã¤ã€‚ 1. ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³
bitgleams 2015/10/17
tips

web

***

css

dev

work

coding

scss

gulp
ãƒªãƒ³ã‚¯
Log in to Your Account Â· GitBook (Legacy)
If you don't have an account, sign up. Forgot your password? Reset it with your em ail. Sign in
bitgleams 2015/02/19
ebooks

gulp

javascript

dev

web

node.js

***
ãƒªãƒ³ã‚¯
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
bitgleams 2015/01/21
google

boilerplate

web

performance

dev

project

***

gulp

responsive
ãƒªãƒ³ã‚¯
[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulpï¼ˆ0ï¼‰ï¼šã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«
ã¯ã˜ã‚ã« ã€Œä»Šã‹ã‚ˆã€ã£ã¦è©±ãªã‚“ã§ã™ãŒã€æ€¥é½ã¯ã˜ã‚ãŸä¸€äººã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã©ã®æ—¥ã«ä½•ã‚’æ›¸ãã‹æ§‹æˆãŒãã¾ã£ã¦ã„ãªã‹ã£ãŸã®ã§è€ƒãˆã¦ã¿ãŸã€‚ 12/01ï¼šbundler, rbenv, nodebrewã§Gulpç’°å¢ƒã‚’ä½œã£ã¦ã¿ã‚‹ 12/02ï¼šgulp-sassã‚’ä½¿ã£ã¦SCSSã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’ä½œã£ã¦ã¿ã‚‹ 12/03ï¼šwatchã§å¤‰æ›´ã‚’ç›£è¦–ã™ã‚‹ 12/04ï¼šgulp-plumberã§ã‚¨ãƒ©ãƒ¼æ™‚ã®watchã‚’è§£é™¤ã•ã›ãªã„ 12/05ï¼šgulp-connectã§Webã‚µãƒ¼ãƒãƒ¼ã¨ãƒ©ã‚¤ãƒ–ãƒªãƒãƒ¼ãƒ‰ 12/06ï¼šgulp-load-pluginsã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸€æ‹¬èªã¿è¾¼ã¿ 12/07ï¼šgulp-ruby-sassã§Sassã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®æŒ‡å®šï¼ˆbourbon, neat, bittersã®ãƒãƒ¼ãƒ‰ï¼‰ 12/08ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è©¦ã™ï¼šJS,CSSåœ§ç¸®ç³» 12/09ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è©¦ã™ï¼š
bitgleams 2015/01/07
gulp

web

dev

adventcalendar

tutorial

tips

ç›®æ¬¡

***

åŸºæœ¬
ãƒªãƒ³ã‚¯
Gulp.jsï¼ˆå…¨ä¿ºï¼‰ Advent Calendar 2014 - Adventar
ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulpï¼šbundler, rbenv, nodebrewã§Gulpç’°å¢ƒã‚’ä½œã£ã¦ã¿ã‚‹ï¼ˆ1ï¼‰ | ä½•è€…ã«ã‚‚ãªã‚Œãªã„Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®ãƒ¡ãƒ¢ - whiskers
bitgleams 2015/01/07
gulp

web

dev

adventcalendar

tutorial

tips

ç›®æ¬¡

***

åŸºæœ¬
ãƒªãƒ³ã‚¯
Live Designing with Gulp.js
ã€ŒGulp.jsã§é£¼ã„ãªã‚‰ã™ã€æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã€ Mars Vanilla vol.3 https://www.facebook.com/events/826486720748338/
bitgleams 2014/12/30
2014å¹´12æœˆ9æ—¥é–‹å‚¬ ã€ŒGulp.jsã§é£¼ã„ãªã‚‰ã™ã€æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã€ Mars Vanilla vol.3

gulp

slides

web

dev

tools

***

archives

event

frontend

espresso_editor
ãƒªãƒ³ã‚¯
ã€ŒMars Vanilla vol.3 Gulp.jsã§é£¼ã„ãªã‚‰ã™ã€æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ | delight with create
bitgleams 2014/12/26
å‹‰å¼·ä¼š

event

report

gulp

web

dev

tools

***

è€ƒå¯Ÿ

work
ãƒªãƒ³ã‚¯
ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ gulp ã‚’è©¦ã—ã¦ã¿ã‚‹ã€ã™ãã«å‹•ã‹ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã€‘ | ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚°ã‚¹ãƒšãƒ¼ã‚¹7F
ã“ã‚“ã«ã¡ã¯ï¼ã‚¹ã‚¿ãƒƒãƒ•ã®ã‚ãã¿ã§ã™ã€‚ ä»Šå›žã¯ç§ãŒ Web åˆ¶ä½œã®éš›ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ gulp ã¨ã„ã†ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Š gulp ã‚’è©¦ã—ã¦ã¿ã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€ç”¨æ„ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã£ã¦å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰è¨˜äº‹ã‚’èªã¿é€²ã‚ã¦ã¿ã¦ãã ã•ã„ã€‚ â€» ã“ã®è¨˜äº‹ã§ã¯ sass (ver 3.1 ä»¥ä¸Š)ãŒã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¦è©±ã‚’é€²ã‚ã¾ã™ã®ã§ã€ã”ç•™æ„ä¸‹ã•ã„ã€‚ gulp ã¨ã¯ gulp ã¯ Node.js ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã€ Sass ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„ js ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆãƒ»åœ§ç¸®ãªã©ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ (ãƒ„ãƒ¼ãƒ«)ã§ã™ã€‚åŒã˜ã‚ˆã†ãªã‚‚ã®ã« Grunt ãŒã‚ã‚Šã€ã‚¿ã‚¹ã‚¯ã®è¨˜è¿°ã®ä»•æ–¹ãŒé•ã„ã¾ã™ãŒã§ãã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©åŒã˜ã§ã™ã€‚gulp ã®å ´åˆã€å¿…è¦ãªã‚¿ã‚¹ã‚¯ã¯gulpfile.jsã«è¨˜è¿°ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ Node.js ã«ã¤ã„ã¦ã®èª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ã€‚ä»¥ä¸‹ã®è¨˜äº‹
bitgleams 2014/12/19
gulp

åŸºæœ¬

sample

node.js

web

dev

***
ãƒªãƒ³ã‚¯
gulpã«ã‚ˆã‚‹è‡ªå‹•åŒ–ã¯ã€æ•´å‚™ã•ã‚Œã¤ã¤ã‚ã‚‹ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼è‡ªå‹•åŒ–ã®æ³¢ã®ã²ã¨ã¤ã€‚
ãƒžãƒ¼ã‚ºãƒŠãƒ¬ãƒƒã‚¸ä¸»å‚¬ã€OSSã‚«ãƒ•ã‚§ãƒžã‚¹ã‚¿ãƒ¼ã®æ²³æ‘ã•ã‚“ã«ã‚ˆã‚‹gulpã®å‹‰å¼·ä¼šã€ã€ŒGulp.jsã§é£¼ã„ãªã‚‰ã™ã€æœ€æ–°ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸï¼ ç¾åœ¨ã€Webã®åˆ¶ä½œç•Œéšˆã«ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢æ–¹é¢ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼æ–¹é¢ã«å‘ã‹ã£ã¦çŒ›ã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã‚„ã£ã¦ãã‚‹è‡ªå‹•åŒ–ã®æ³¢ã€‚ Gruntã ã£ãŸã‚ŠYOMANã ã£ãŸã‚Šã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã€è‡ªå‹•åŒ–ã§ãã‚‹ã‚‚ã®ã‚’è‡ªå‹•åŒ–ã™ã‚‹ã“ã¨ã§ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚‚æ”¹å–„ã§ãã‚‹ã‚ˆãã€‚ ã¨ã„ã£ãŸã¨ã“ã‚ã§ã€æ²³æ‘ã•ã‚“ã®åˆ¶ä½œç’°å¢ƒã‚’ä¸å¿ƒã«ã€gulpã‚’ç´¹ä»‹ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ gulpã‚’å…¨åŠ›ã§ä½¿ã†ã¨ã€å¾Œã‚ã‹ã‚‰è¦‹ã¦ã„ã‚‹äººã«ã¯é”æ³•ã«è¦‹ãˆã‚‹ æœ¬å½“ã«ã™ã”ã„ã€‚ä½¿ã£ã¦ã„ã‚‹ä»–ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹åŠ¹æžœã‚‚å¤§ãã„ã®ã§ã™ãŒã€ã‚¨ãƒ‡ã‚£ã‚¿ã§ã„ã˜ã£ã¦ã„ã‚‹ã¨ä¿å˜ã™ã‚‹ãã°ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®è¡¨ç¤ºãŒå¤‰ã‚ã£ã¦ã„ãã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã£ã¦ã„ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚½ãƒ•ãƒˆã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã™ã‚‹ã¨ã‚¹ãƒ©ã‚¤ã‚¹ã‚‚åˆ‡ã‚Šç›´ã•ãšã«è¡¨ç¤ºãŒå¤‰ã‚ã£ã¦ã„ã‚‹ãƒ»ãƒ»ãƒ»ã€‚
bitgleams 2014/12/12
gulp

event

å‹‰å¼·ä¼š

report

dev

web

work

tools

workflow

***
ãƒªãƒ³ã‚¯
ä¾¿åˆ©ãªGruntã®å¼±ç‚¹ã‚’è£œã†gulp.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ä½¿ã„æ–¹
è©³ã—ãã¯ä¸Šè¨˜é€£è¼‰ã‚’è¦‹ã¦ã‚‚ã‚‰ãˆã°åˆ†ã‹ã‚Šã¾ã™ãŒã€Gruntã¨ã¯JavaScriptã‚’ä½¿ç”¨ã—ã¦Webé–‹ç™ºã«ä¼´ã†ã•ã¾ã–ã¾ãªä½œæ¥ã‚’è‡ªå‹•åŒ–ã—ã¦åŠ¹çŽ‡è‰¯ãè¡Œã†ãŸã‚ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã“ã®ãƒ„ãƒ¼ãƒ«ã§ã¯ã€Œã‚¿ã‚¹ã‚¯ã€ã¨å‘¼ã°ã‚Œã‚‹ä¸€é€£ã®å‡¦ç†ã‚’è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚Gruntã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆGruntfile.jsï¼‰ã¯ã€ã‚¿ã‚¹ã‚¯ã«å¯¾ã—ã¦JSONå½¢å¼ã§ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã‚’æŒ‡å®šã—ã¦ã„ãã®ã§ã™ãŒã€ã“ã“ã§å°‘ã€…å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¿ã‚¹ã‚¯ã§ã‚ã‚Œã°åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã™ãŒã€å¤šãã®æ‹¡å¼µæ©Ÿèƒ½ï¼ˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‰ã‚’ä½¿ç”¨ã—ãŸã‚Šã€ã‚¿ã‚¹ã‚¯ã®åˆ¶å¾¡ã‚’ç´°ã‹ãè¡Œã†å¿…è¦ãŒç”Ÿã˜ãŸãŸã‚Šã—ãŸå ´åˆã€Gruntfileã®è¨˜è¿°é‡ãŒå¢—ãˆã¦å†—é•·ã«ãªã‚Šã€ã‚¿ã‚¹ã‚¯åŒå£«ã®é–¢é€£ã‚„ã‚¿ã‚¹ã‚¯å®Ÿè¡Œçµæžœã‚‚åˆ†ã‹ã‚Šã«ãããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªGruntã®å•é¡Œç‚¹ã‚’è§£æ¶ˆã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦é–‹ç™ºã•ã‚ŒãŸã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã€Œgulp.jsã€ï¼ˆä»¥ä¸‹ã€gulpï¼‰ã§ã™ã€‚ gulpã¯Gruntã‚’ç¶™æ‰¿ã—ã¤ã¤ã€
bitgleams 2014/12/09
ã‚ã¨ã§

grunt

gulp

tips

web

dev

***
ãƒªãƒ³ã‚¯
Gulpå…¥é–€ - ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’10å€é€Ÿãã™ã‚‹
2014/9/12ã«è¡Œã‚ã‚ŒãŸé€±æœ«ãƒ©ãƒ³ã‚µãƒ¼ã‚ºã§ã®Gulpãƒãƒ³ã‚ºã‚ªãƒ³ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ LIGãƒ–ãƒã‚°ã§ã“ã®å†…å®¹ã‚’ã•ã‚‰ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ http://liginc.co.jp/web/tutorial/117900Read less
bitgleams 2014/10/14
gulp

dev

web

grunt

node.js

***

tips

åŸºæœ¬

javascript

slides
ãƒªãƒ³ã‚¯
ã¾ãšã¯ã€Œgulpã€ã‚’å‹•ã‹ã—ã¦ã¿ã‚ˆã†ï¼ ï½žã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¨ã¯ã˜ã‚ã¦ã®ã‚¿ã‚¹ã‚¯å®Ÿè¡Œ
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
bitgleams 2014/08/20
gulp

tutorial

dev

web

google

tools

coding

***
ãƒªãƒ³ã‚¯
gulpã¨ã‹npmã®ã“ã¨ã¨ã‹ â€“ A Memorandum
æœ€è¿‘ã€Gruntã‹ã‚‰gulpã«åˆ‡ã‚Šæ›¿ãˆå§‹ã‚ã¦ã„ã‚‹äººãŒå¢—ãˆã¦ã„ã‚‹æ°—ãŒã—ã¾ã™ã€‚ã“ã®æ•°ãƒ¶æœˆã§ã„ã‚ã‚“ãªãƒ–ãƒã‚°ãªã‚“ã‹ã§ã‚‚å°Žå…¥è¨˜äº‹ãŒå¢—ãˆã¦ã‚‹ã‚ˆã†ã§ã™ãŒã€ã²ã¨ã¤è¨€ã£ã¦ãŠãã¾ã™ã¨ã€Œæ•°ãƒ¶æœˆå‰ã®è¨˜äº‹ã¯éµœå‘‘ã¿ã«ã—ã¦ã¯ã„ã‘ãªã„ï¼ˆã¨ã„ã†ã‹ã€ãã®ã¾ã¾ã ã¨å‹•ã‹ãªã„ã“ã¨ã‚‚ã‚ã‚Šã†ã‚‹ï¼‰ã€ã‹ãªã€œã€ãªã‚“ã¦ã€‚ ã‚ã‚ŒãŒã©ã†ã—ãŸã“ã†ã—ãŸã¨è³ªå•ã‚’å—ã‘ãŸã‚Šã™ã‚‹ã‚“ã§ã™ãŒã€ã„ã‚ã‚“ãªäººãŒã¯ã¾ã£ã¦ã‚‹åŽŸå› ã¯ãã“ã‚‰è¾ºã«ã‚ã‚‹æ°—ãŒã—ã¦ãªã‚‰ãªã„ã®ã§ã™ã‚ˆãã€‚ãã‚“ãªã‚ã‘ã§ã€ã¡ã‚‡ã£ã¨ãã®è¾ºã®è©±ã‚’ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ã¨ç«‹ã¡ä¸ŠãŒã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ â€»ã“ã®è¨˜äº‹ã¯2014å¹´7æœˆ30æ—¥æ™‚ç‚¹ã®ã‚‚ã®ã§ã™ã®ã§ã€æ•°ãƒ¶æœˆå¾Œã«ã‚³ãƒ¬ã‚’èªã‚“ã§ã‚‹æ–¹ã¯ã”æ³¨æ„ã‚’ã€‚ ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®é »åº¦ãŒé«˜ã„ã®ã§â€¦ ã“ã†ã„ã£ãŸãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆé »åº¦ã¯é«˜ã„ã‚‚ã®ã§ã™ãŒã€gulpã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—é »åº¦ã‚‚ã¾ãã¾ãã§ç¾åœ¨ã®æœ€æ–°ç‰ˆã¯ã€Œv3.8.6ã€ã«ãªã£ã¦ã„ã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã‚ã‚‰ã‚†ã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãã†ã„ã£ãŸ
bitgleams 2014/08/01
gulp

npm

plugin

dev

tips

blog

***

web
ãƒªãƒ³ã‚¯
ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼gulpå…¥é–€
ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼gulpå…¥é–€ gulpã¯Gruntã¨åŒã˜ã‚ˆã†ã«æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«(ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼)ã§ã™ã€‚ node.jsã§é–‹ç™ºã•ã‚Œã¦ãŠã‚Šã€Sass/Compassã‚„Lessã€Stylusãªã©ã®CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„CSS/JSã®çµåˆåœ§ç¸®ã€JSHintã«ã‚ˆã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’è‡ªå‹•ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ Gruntã¨ã§ãã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©åŒã˜ã§ã™ãŒã€Gruntã‚ˆã‚Šã‚¿ã‚¹ã‚¯ã®æµã‚ŒãŒã‚ã‹ã‚Šã‚„ã™ãã€JavaScript(node.js)ã§ç‹¬è‡ªã®ã‚¿ã‚¹ã‚¯ã‚‚ç°¡å˜ã«è¨˜è¿°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å¾Œç™ºã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚ŠGruntã‚ˆã‚Šãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ•°ã¯å°‘ãªã„ã§ã™ãŒã€ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã‚¿ã‚¹ã‚¯ä»¥å¤–ã¯ãã‚ã£ã¦ã„ã‚‹ã®ã§é€šå¸¸ã®Webåˆ¶ä½œãªã©ã§ã¯å•é¡Œãªãåˆ©ç”¨ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ node.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« node.jsãŒå¿…è¦ã§ã™ã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ãªã„æ–¹ã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚ å…¬å¼ã‚µã‚¤ãƒˆã§ã‚¤ãƒ³ã‚¹ãƒˆ
bitgleams 2014/05/12
tips

gulp

node.js

dev

web
ãƒªãƒ³ã‚¯
1