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

lizy id:lizy

gulpã«é–¢ã™ã‚‹lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

hirata.blog
This domain may be for sale!
lizy 2017/12/14
frontend

gulp

webpack
ãƒªãƒ³ã‚¯
åƒ•ãªã‚Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ2017å¹´ç‰ˆ - Qiita
2016å¹´ç‰ˆã‚’æ›¸ã„ã¦ã‹ã‚‰ã‚‚ã†1å¹´ã‚‚ãŸã£ã¦ã•ã‚‰ã«å¤ããªã£ã¦ããŸã®ã§ã€ä»Šã®ç’°å¢ƒã«åˆã‚ã›ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ— åƒ•ãªã‚Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ2016å¹´ç‰ˆ - Qiita åƒ•ãªã‚Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ2016å¹´ç‰ˆv2 - Qiita https://github.com/koh110/minjsapp 2016å¹´ç‰ˆã‹ã‚‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ç‚¹ webpackã‚’v2ã« vendor.jsã®åˆ‡ã‚Šå‡ºã—ã‹ãŸã‚’gulpã‹ã‚‰webpackã« gulpfileã«ã‚ã£ãŸwebpackã®configã‚’webpack.config.jsã«åˆ‡ã‚Šå‡ºã— ç’°å¢ƒå¤‰æ•°ã«ãƒ‘ã‚¹ã‚’åˆ‡ã‚Šå‡ºã— webpackã‚’v2ã« webpackã®v2ãŒã¤ã„ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ç§»è¡Œã€‚ å¤ã„ç’°å¢ƒã¯ã©ã‚“ã©ã‚“ã¨ãŠã„ã¦ã„ã‹ã‚Œã‚‹ã®ã§ãªã‚‹ã¹ãæ—©ã‚ã«ã‚„ã£ãŸã»ã†ãŒæœ€çµ‚çš„ãªç§»è¡Œã‚³ã‚¹ãƒˆã¯ä½Žããªã‚‹ã¨æ€ã„ã¾ã™ã€‚ vendor.jsã®åˆ‡ã‚Šå‡ºã—æ–¹ã‚’gulpã‹ã‚‰webpackã« ä»Šã¾ã§
lizy 2017/04/07
frontend

webpack

gulp
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ¢ãƒ€ãƒ³åŒ–ã¨JavaScriptãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®â€¨ä¾å˜è§£æ±º
Modern Web App LT!ï¼ˆfreee x WACULï¼‰ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ http://connpass.com/event/31305/
lizy 2016/06/11
frontend

javascript

gulp

webpack
ãƒªãƒ³ã‚¯
Web Starter Kitã‹ã‚‰ã¯ã˜ã‚ã‚‹ãƒ¢ãƒ€ãƒ³ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œ (201512ç‰ˆ) - ã¤ã¶ã‚‰ã¶ã‚ã
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ãƒ‰ãƒªã‚³ãƒ ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãã®1ã®22æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ 21æ—¥ç›®ã¯ã€shinya131ã•ã‚“ã® ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿åˆ†æžã«ãªã£ã¦3ãƒ¶æœˆãŒçµŒã£ãŸ - æ©Ÿç•¥æˆ¦è¨˜ ã§ã—ãŸã€‚ ã¾ãŸã€ãƒ‰ãƒªã‚³ãƒ ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãã®2ã‚‚ã‚ã‚Šã¾ã™ã€‚ whoami æ–°å’1å¹´ç›®ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®Fuyaã§ã™ã€‚ç¤¾å†…ã§ã¯ã€Œã¤ã¶ã‚‰ã‚„ã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ å¤§å¦æ™‚ä»£ã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã¯ã˜ã‚ã¦ã€"ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãŒä½œã‚Œã‚‹"WebæŠ€è¡“ãŒå¥½ãã«ãªã£ã¦ã—ã¾ã„ä»Šã«ã„ãŸã‚Šã¾ã™ã€‚ æ™®æ®µã¯Rails ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ä»•äº‹ã‚’ã—ã¦ã„ã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰çš„ãªã‚°ãƒ«ãƒ¼ãƒ—ã«ã‚‚æ‰€å±žã—ã¦ã„ã¦ã€ ãƒ¦ãƒ¼ã‚¶ã•ã‚“ã«è¿‘ã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é ˜åŸŸã‹ã‚‰ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚ŠãŸã„ã¨æ€ã£ã¦ã¾ã™ã€‚ æœ€è¿‘meguro.esã¨ã„ã†å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã«ã¤ã„ã¦ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®åˆ†é‡Žã¯æ–°ã—ã„ã‚‚ã®ãŒæ¬¡ã€…ã¨ç”Ÿã¾ã‚Œã¦ã¯æ¶ˆãˆã¦ã„ã¾ã™ã€‚ 2é€±é–“ã‚‚æƒ…å ±ã‚’é›†ã‚ã‚‹ã®ã‚’æ€ ã£ã¦ã—ã¾ã†ã¨ã€
lizy 2015/12/22
webåˆ¶ä½œ

gulp
ãƒªãƒ³ã‚¯
æ„å¤–ã¨çŸ¥ã‚‰ãªã„ï¼Ÿ JavaScript ãƒˆãƒ¬ãƒ³ãƒ‰ 2015 - Gaiax Engineers' Blog
Gaiax Advent Calendar 2015 18æ—¥ç›®æ‹…å½“ã® @hoto17296 ã§ã™ã€‚ æ˜¨ä»Šã® JavaScript ã¯çŠ¶æ³ãŒã‚ã¾ãã‚‹ã—ãå¤‰åŒ–ã—ã¦ã„ã¦ã€ãã‚Œã»ã©é–¢å¿ƒãŒãªã„äººã«ã¨ã£ã¦ã¯è¿½éšã™ã‚‹ã ã‘ã§ã‚‚ä¸€è‹¦åŠ´ãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã§ä»Šå›žã¯æœ€è¿‘ã® JavaScript ãŒã‚ã‹ã‚‰ãªã„äººå‘ã‘ã«ã€Œæ˜¨ä»Šã® JavaScript ãƒˆãƒ¬ãƒ³ãƒ‰ã€ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ãƒˆãƒ¬ãƒ³ãƒ‰ã£ã½ã„ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ä¸€è¦§ ã²ã¨ã¾ãšãƒ‘ã£ã¨æ€ã„ã¤ãã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’åˆ—æŒ™ã—ã¦ã¿ã¾ã™ã€‚ Node.js v4.2 "Argon" (LTS) npm v3 ES2015 / ES2016 Class Arrow Function let, const Promise Generator Async/Await co Observable é–‹ç™ºç’°å¢ƒ Babel Gulp Browserify Webpack TypeScript ã‚¢ãƒ¼ã‚ãƒ†ã‚¯
lizy 2015/12/20
javascript

node.js

gulp

frontend
ãƒªãƒ³ã‚¯
gulp ãªã—ã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º - ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦ gulp ã¯éžå¸¸ã«ä¾¿åˆ©ã ã€‚ã—ã‹ã—ã‚ã¾ã‚Šã«ã‚‚ gulp ã«ä¾å˜ã—ã™ãŽã¦ãŠã‚Šã€ã“ã‚Œãªã—ã§é–‹ç™ºã§ãã‚‹ã ã‚ã†ã‹ï¼Ÿã¨ã„ã†ä¸å®‰ã‚‚ã‚ã‚‹ã€‚ã¨ã„ã†ã‚ã‘ã§ gulp ã‚’åˆ©ç”¨ã›ãš package.json ã¨ npm ã ã‘ã§åŒç‰ã®æ©Ÿèƒ½ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã‚’æ¤œè¨Žã—ã¦ã¿ãŸã€‚ 2015/11/4 è¿½è¨˜ babelify v7.2 ã‚’è©¦ã™ã§ babelyfy 7.2 ( ã¨ãã®ä¸ã® Babel 6.x ) ã«ã¤ã„ã¦èª¿ã¹ã€npm-scripts ã®å¤‰æ›´ãŒå¿…è¦ãªã“ã¨ã‚’ç¢ºèªã—ãŸã®ã§è¿½è¨˜ã€‚ã¾ãŸ Windows ç’°å¢ƒã®å‹•ä½œæ¤œè¨¼ã‚’ãŠã“ãªã£ãŸã¨ã“ã‚ã€æœ€æ–°ã® watchify ãªã‚‰ -o ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒé€šã‚‹ã“ã¨ã‚’ç¢ºèªã§ããŸã€‚ã‚ˆã£ã¦æœ¬è¨˜äº‹ã®æœ€å¾Œã®èª²é¡ŒãŒè§£æ±ºã—ãŸã“ã¨ã«ãªã‚‹ã€‚ 2015/9/23 è¿½è¨˜ cpx ã¨ rimraf ã‚’è©¦ã™ã®å†…å®¹ã‚’ãƒ•ã‚¡ã‚¤ãƒ«å‡¦ç†ã«åæ˜ ã—ã¦ç°¡ç•¥åŒ–ã€‚ 2015/9/15 ä¿®æ£ Stylus
lizy 2015/08/05
node.js

frontend

é–‹ç™ºç’°å¢ƒ

gulp
ãƒªãƒ³ã‚¯
The Ultimate Frontend Build Tool: make - Algorithm and Blues
lizy 2015/05/20
grunt/gulpã‚ˆã‚Šmakeã‚ªã‚¹ã‚¹ãƒ¡ãªã‚¨ãƒ³ãƒˆãƒª

make

build

frontend

grunt

gulp
ãƒªãƒ³ã‚¯
[Gulp.js] ã‚¿ã‚¹ã‚¯å˜ä½ã®ãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰² | DevelopersIO
è»Šè¼ªé–‹ç™ºå¤§å¥½ããŠãŸã„ãŒã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚ï¼ˆæŒ¨æ‹¶ï¼‰ ä»Šã¾ã§ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ãƒ„ãƒ¼ãƒ«ã¯ Grunt ã‚’ä½¿ç”¨ã—ã¦ã„ãŸã®ã§ã™ãŒã€Gulp ( ã‚¬ãƒ«ãƒ— ) ã¯ã€Grunt ã‚ˆã‚Šã‚‚å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã®è¨˜è¿°ãŒç°¡æ½”ã ã¨è©•åˆ¤ãŒè‰¯ã„ã‚‰ã—ã„ã®ã§ãƒ‡ãƒ“ãƒ¥ãƒ¼ã‚’æžœãŸã—ã¾ã—ãŸã€‚ ã–ã£ãã‚Šè§¦ã£ã¦ã¿ãŸã¨ã“ã‚ã€ã‹ãªã‚Šã‚·ãƒ³ãƒ—ãƒ«ã§ã‚ã‚‹ã“ã¨ã¯åˆ†ã‚Šã¾ã—ãŸã€‚ãŸã ãã‚Œã§ã‚‚ã€é–‹ç™ºä¸ã«æ©Ÿèƒ½ ( ã‚¿ã‚¹ã‚¯ ) ã‚’è¿½åŠ ã—ã¦ã„ããŸã³ã«ã€ã©ã†ã—ã¦ã‚‚è¨å®šãƒ•ã‚¡ã‚¤ãƒ« (gulpfile.js) ã¯è‚¥å¤§åŒ–ã—ã¦ã„ãã¾ã™ã€‚ãã‚“ãªçŠ¶æ³ã‚’æ¥µåŠ›æ¸›ã‚‰ã™ãŸã‚ã«ã€ã‚¿ã‚¹ã‚¯å˜ä½ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã™ã‚‹ã“ã¨ã‚’è©¦ã—ã¦ã¿ãŸã®ã§ã¾ã¨ã‚ã¦ã¾ã—ãŸã€‚ è§£èª¬å‰ã« å½“ãƒ–ãƒã‚°ã« Gulp ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰å®Ÿè¡Œã¾ã§ã®å…¥é–€è¨˜äº‹ãŒã‚ã‚Šã¾ã™ã®ã§ã€ä½•ã‚‚ã”å˜ã˜ãªã„æ–¹ã¯ä½µã›ã¦ã”è¦§ãã ã•ã„ã€‚ ã€Gulp.jså…¥é–€ã€‘æ–°é‹ãƒ•ãƒãƒ³ã‚¨ãƒ³ãƒ‰ãƒ»ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ãƒ„ãƒ¼ãƒ« ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ä¾‹ : ä»»æ„ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆãŠ
lizy 2015/05/20
gulp

node.js
ãƒªãƒ³ã‚¯
gulpå•é¡Œã²ããšã‚Šï¼šã‚¦ã‚©ãƒƒãƒãŒã¾ãŸãŠãƒã‚«éŽãŽã‚‹ - æªœå±±æ£å¹¸ã®ã‚ãƒžã‚¤ãƒ©é£¼è‚²è¨˜ (ã¯ã¦ãªBlog)
ã€Œæœ€è¿‘ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã£ã¦ä½•ãªã®ï¼Ÿã€ã«ãŠã„ã¦ã€gulpã¯ã€Œè…•åŠ›ã¯ã‚ã‚‹ãŒçŸ¥æ€§ã‚’æŒãŸãªã„ã€ã€ã‚´ãƒ¬ãƒ©ã‚¤çš„ã¨ã„ã†ã‹ã‚´ãƒ©ã‚¤ã‚¢ã‚¹çš„ã¨ã„ã†ã‹â€¦ã€ãã‚“ãªãƒ„ãƒ¼ãƒ«ã ã¨è¿°ã¹ã¾ã—ãŸã€‚äºŒã€ä¸‰ã€å¾Œã‹ã‚‰æ€ã£ãŸã“ã¨ãŒã‚ã‚‹ã®ã§è¿½åŠ ã—ã¾ã™ã€‚ å†…å®¹ï¼š ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯è‚¥å¤§ã—ã¡ã‚ƒã†ã“ã¨ãŒã‚ã‚‹ ã‚¦ã‚©ãƒƒãƒã‚’ã„ã¡ã„ã¡æ‰‹ã§æ›¸ãã®ã‹ã‚ˆãƒ¼ OMakeã¨æ¯”è¼ƒã—ã¦ã¿ã‚‹ ã‚¦ã‚©ãƒƒãƒã¯ã“ã†ã§ãªãã‚ƒ ã˜ã‚ƒã€OMakeãŒã„ã„ã®ã‹ï¼Ÿ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¯è‚¥å¤§ã—ã¡ã‚ƒã†ã“ã¨ãŒã‚ã‚‹ ã€Œãã‚‚ãã‚‚å¤§ã—ãŸäº‹ã¯ã—ãªã„ã®ã§ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ„ãƒ¼ãƒ«gulpã§ã‚‚ååˆ†ã€ã¨ã„ã†ã“ã¨ãªã‚‰ã€ã€Œãã†ã§ã™ã‚ˆãã€ã¨åŒæ„ã—ã¦è©±ã¯ã‚ªã‚·ãƒžã‚¤ã§ã™ã€‚ã§ã‚‚ãã€gulpã‚’ä½¿ã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã€ã»ã‚“ã¨ã«å°ã•ãã¦ç°¡å˜ãªã‚‚ã®ãªã‚“ã§ã—ã‚‡ã†ã‹ã€‚ ç›®ã®å‰ã«ã€10ç¨®ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãŒæ··ã˜ã£ãŸ2000ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ç¾¤ãŒã„ããªã‚Šä¸Žãˆã‚‰ã‚ŒãŸã¨ãã€ã€Œã‚ˆã—ã£ã€gulpã‚’ä½¿ãŠã†ã€ã¨ã¯ãªã‚‰ãªã„ã¨æ€ã†ã®ã§ã™ãŒã€å°ã•ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒï¼ˆè‰¯ãã‚‚æ‚ª
lizy 2015/05/14
ãƒ•ã‚¡ã‚¤ãƒ«ç›£è¦–ã‚³ãƒžãƒ³ãƒ‰(å¤‰æ›´ãŒã‚ã£ãŸã‚‰ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«èµ·å‹•)ã¿ãŸã„ãªæ–¹æ³•ã§ã‚‚è‰¯ã„ã‹ã¨æ€ã£ãŸã‘ã©ã€ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«è‡ªèº«ãŒç›£è¦–ã—ãŸæ–¹ãŒå¯¾è±¡ã‚’çµžã‚Œã‚‹ã‹ã‚‰ã„ã„ã®ã‹ãª

build

gulp
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã£ã¦ä½•ãªã®ï¼Ÿ - æªœå±±æ£å¹¸ã®ã‚ãƒžã‚¤ãƒ©é£¼è‚²è¨˜ (ã¯ã¦ãªBlog)
TypeScriptã§ã¯ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒå¿…è¦ã§ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¨Node.jsã®ä¸¡æ–¹ã§ä½¿ãŠã†ã¨ã™ã‚‹ã¨ã€ã•ã‚‰ã«åŠ å·¥ãŒå¿…è¦ã§ã™ã€‚ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ã ã®æ–‡æ›¸ã‚‚ä½œã‚‹ã ã®ã™ã‚‹ã¨ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒ“ãƒ«ãƒ‰ãƒ—ãƒã‚»ã‚¹ã¨ãªã‚‹ã®ã§æ‰‹ä½œæ¥ã§ã¯è¾›ããªã‚Šã¾ã™ã€‚ ä»Šæ›´Makeã§ã‚‚ãªã„ã‚ˆãªãƒ¼ã€ã¨æ€ã„ã€æœ€è¿‘ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ å†…å®¹ï¼š æµè¡Œã‚Šã™ãŸã‚ŠãŒæ¿€ã—ã™ãŽã‚‹ gulpã‚’ä½¿ã£ã¦ã¿ã‚‹ï¼šã“ã‚“ãªã‚µãƒ³ãƒ—ãƒ« gulpã®ãƒ“ãƒ«ãƒ‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã£ã¦ã®ã¯ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã¨ã¯é•ã†ã®ã‹ï¼Ÿ ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã¯é€²åŒ–ã—ãŸã®ã‹ å‚è€ƒè³‡æ–™ï¼š ä¾‹é¡Œã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã‚³ãƒžãƒ³ãƒ‰ã®ä¸€è¦§ ã‚½ãƒ¼ã‚¹ãƒ•ã‚¡ã‚¤ãƒ« è¿½åŠ ã®è©±ï¼š gulpå•é¡Œã²ããšã‚Šï¼šã‚¦ã‚©ãƒƒãƒãŒã¾ãŸãŠãƒã‚«éŽãŽã‚‹ æµè¡Œã‚Šã™ãŸã‚ŠãŒæ¿€ã—ã™ãŽã‚‹ ã€Œç¢ºã‹Gruntã£ã¦ãƒ„ãƒ¼ãƒ«ãŒã‚ã£ãŸã‚ˆãªã€ã¨ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨ä½¿ã„æ–¹ã‚’èª¿ã¹ã¦ã„ã‚‹ã¨ã€ã‚„ãŸã‚‰ã«gulpã£ã¦å˜èªžãŒç›®ç«‹ã¤ã‚“ã§ã™ã‚ˆãã€‚Gruntã®ãƒ©ã‚¤ãƒãƒ«ã®æ–°èˆˆå‹¢åŠ›ã‚‰ã—ã„ã§ã™ã€‚ ã€Œ
lizy 2015/05/11
gulp

grunt

build
ãƒªãƒ³ã‚¯
Browserify + Gulpã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®JavaScript / CoffeeScriptã§require
å…ˆæ—¥ä»¥ä¸‹ã®è¨˜äº‹ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ JavaScript ã§ã® require ã«ã‚ˆã‚‹ä¾å˜è§£æ±ºã®æ–¹æ³•ã‚’èªã¿ã¾ã—ãŸã€‚ä¸€è¨€ã§è¨€ã†ã¨ Browserify ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ JavaScript ã§ã‚‚ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨ã«åˆ†å‰²ã—ã¦ require ã§èªã¿è¾¼ã‚€ãŸã‚ã®æ‰‹é †ã€‚ Browserifyã§requireã‚’ä½¿ã£ã¦javascriptã®ä¾å˜é–¢ä¿‚ã‚’ã™ã£ãã‚Šã«ã—ã¦ã¿ã‚‹ â€“ ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãã‚‡ã†ã®ã†ã‡ã¶ã•ãƒ¼ã³ã™ ã“ã‚Œã‚’çœŸä¼¼ã—ãŸãã¦ã€æ˜¨æ—¥æ—¥æ›œæ—¥ã«è©¦ã—ãŸã®ã§ãã®è¨˜éŒ²ã§ã™ã€‚ ã¼ãã†ã‡ã¶ã•ã‚“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€JavaScript ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ï¼ˆã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ï¼‰ã¨ã—ã¦ Grunt ã‚’ä½¿ã£ã¦ã‚ã‚Šã¾ã™ãŒã€å€‹äººã®å¥½ã¿ã«ã‚ˆã‚Šç§ã¯ Gulp ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚Grunt ã‚‚ Gulp ã‚‚ JavaScript/CSS ãªã©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã€Cè¨€èªžã® Makeã€Ruby ã®
lizy 2015/03/23
gulp

coffeescript

browserify
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„Node.jsã®åŸºç¤ŽçŸ¥è˜ã¨npmã€Gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
é€£è¼‰ç›®æ¬¡ å‰å›žã‹ã‚‰å§‹ã¾ã£ãŸã€ŒMEANã‚¹ã‚¿ãƒƒã‚¯ã§å§‹ã‚ã‚‹Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ã€ã§ã™ãŒã€ç¬¬1å›žã€ã€ŒLAMPã«ä»£ã‚ã‚‹æ§‹æˆã¨ã—ã¦æ³¨ç›®ã®MEANã‚¹ã‚¿ãƒƒã‚¯ã®åŸºç¤ŽçŸ¥è˜ã¨ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã²ãªåž‹ä½œæˆã€ã§ã¯ã€MEANã‚¹ã‚¿ãƒƒã‚¯ã®æ¦‚è¦ã«ã¤ã„ã¦èª¬æ˜Žã¨ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã€ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã®ä½œæˆã‚’é€šã—ã¦æœ€åˆã®MEANã‚¹ã‚¿ãƒƒã‚¯ã‚¢ãƒ—ãƒªã«è§¦ã‚Œã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã‹ã‚‰ã¯MEANã‚¹ã‚¿ãƒƒã‚¯ã®å„æ§‹æˆè¦ç´ ã«ã¤ã„ã¦ã‚‚ã†å°‘ã—è©³ç´°ãªè§£èª¬ã‚’ã—ã¦ã„ãã¾ã™ã€‚ç¬¬2å›žã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã€MEANã‚¹ã‚¿ãƒƒã‚¯ã®ä¸å¿ƒã¨ãªã‚‹æŠ€è¡“ã€Node.jsã«ã¤ã„ã¦åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚„ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€ãã®å‘¨è¾ºãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®å®Ÿè¡Œç’°å¢ƒã€ŒNode.jsã€ã¨ã¯ å‰å›žã‚‚å°‘ã—èª¬æ˜Žã—ã¾ã—ãŸãŒã€Node.jsã¨ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptã®å®Ÿè¡Œç’°å¢ƒã§ã™ã€‚2009å¹´ã«Ryan Dahlæ°ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€Google Chromeç”¨JavaScriptå®Ÿ
lizy 2015/01/13
node.js

gulp
ãƒªãƒ³ã‚¯
gulp.jsã‚’ä½¿ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ã‚’ã™ã‚‹ã€webpack, stylusã€‘ - yutaponã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯Iwate Developers Advent Calendar 2014ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Iwate Developers Advent Calendar 2014 - Qiita è¨˜äº‹ã®å†…å®¹ã¯ã¨ã„ã†ã¨ã€å²©æ‰‹ã«ã¾ã£ãŸãé–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ã€‚ å¦ç”Ÿã®é ƒã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è»½è¦–ã—ã¦ã‚¯ã‚½ã‚³ãƒ¼ãƒ‰ã‚’é‡ç”£ã—ã¦ã„ãŸã®ã§ã€ä»Šã®å¦ç”Ÿã®æ–¹ã«ã“ã‚“ãªé¢¨ã«ä½œã‚Šå§‹ã‚ã‚‹ã¨ã„ã„ã‚ˆã£ã¦ç´¹ä»‹ã™ã‚‹æ„Ÿã˜ã§æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ã¨ã«ã‹ãè¤‡é›‘ã«ãªã£ã¦ãã¦ã„ã¦ã€å¦ç¿’ã‚³ã‚¹ãƒˆãŒåŠç«¯ãªããªã£ã¦ãã¦ã¾ã™ã€‚ angularã¨ã‹backbone.jsã¨ã‹ã€æœ€è¿‘ã§ã¯react+fluxãªã©ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚ŠãŒæ¿€ã—ã„ã§ã™ã€‚ ã¾ãŸGruntã‚„gulp.jsãªã©ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®æ´»ç”¨ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯æ¬ ã‹ã›ãªããªã£ã¦ã„ã¦ã€ä½¿ã£ã¦ãªã„ãªã‚‰ä»Šã™ãå°Žå…¥ã™ã¹ãã€ã¨ã‚‚è¨€ãˆã¾ã™ã€‚ æœ€è¿‘gulp.jsã‚’ä½¿ã£ã¦ã„ã¦ã€gu
lizy 2014/12/06
gulp

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

gulp.js

node.js

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
gulp.js CheatSheet!
ã€Œgulp.jsãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ: ä½¿ã„ã“ãªã—ã®7ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ æ±äº¬Nodeå¦åœ’ 13æ™‚é™ç›®ã«ã¦ã€‚gulp.jsã®åŸºæœ¬ã¨ã€ã‚¹ãƒˆãƒªãƒ¼ãƒ ãªã‚¿ã‚¹ã‚¯ã‚’ä½¿ã„ã“ãªã™7ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ http://nodejs.connpass.com/event/6763/
lizy 2014/06/23
gulp

node.js
ãƒªãƒ³ã‚¯
gulpã§Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚„livereloadãªã©ã‚’è©¦ã—ã¦ã¿ãŸ
â€»éŽåŽ»è¨˜äº‹ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã¯é€šå¸¸ã‚„ã£ã¦ã„ãªã„ã®ã§ã™ãŒï¼ˆå½“æ™‚ã®è¨˜éŒ²ã‚’æ®‹ã™æ„å‘³ã§ã‚‚ï¼‰ã€æœ€è¿‘é–²è¦§ã—ã¦ãã ã•ã‚‹æ–¹ã‚‚å¤šã„ã®ã§ã€ç ”ç©¶ã‚‚å…¼ãã¦2014å¹´7æœˆ23æ—¥ã«å°‘ã—è¿½è¨˜ç‰ã‚’è¡Œã„ã¾ã—ãŸã€‚ â€»2015å¹´2æœˆã«æ›¸ãç›´ã—ãŸgulpfileã‚’ã€ã€ŒMy gulpfile.coffee (Early 2015) ã§Sassã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¨ã‹ã€ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ â€»gulp-ruby-sassã®è¨˜è¿°æ–¹å¼ã®å¤‰æ›´ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ 2012å¹´ã«Gruntã‚’çŸ¥ã£ã¦ã‹ã‚‰ä¾¿åˆ©ã«ä½¿ã‚ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã¾ã™ãŒã€æœ€è¿‘è©±é¡Œã«ãªã£ã¦ã„ã‚‹gulp.jsï¼ˆä»¥ä¸‹gulpï¼‰ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ä»Šã®ã¨ã“ã‚Gruntã«ã¯å¤§ããªä¸æº€ã¯ãªã„ã®ã§ã™ãŒã€ä¸‡ãŒä¸€ã«å‚™ãˆã¦ä»£æ›¿æ‰‹æ®µã‚’ç”¨æ„ã—ã¦ãŠãæ–¹ãŒè‰¯ã„ã¨è€ƒãˆã¦ã„ã‚‹ã“ã¨ã€ãã—ã¦Getting started with gulp -- Mark Goodyear â€” Front-end developer and de
lizy 2014/02/09
gulp
ãƒªãƒ³ã‚¯
æ‰“å€’Gruntï¼Node.jsç”¨ã®æ–°ãŸãªãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ gulpã“ã¨ã¯ã˜ã‚ | OpenWeb
ãƒ¡ãƒªãƒ¼ã‚¯ãƒªã‚¹ãƒžã‚¹ï¼ ã“ã®ãƒ–ãƒã‚°ã¯ã€HTML5 Advent Calendar 2013ã®12/25ç”¨ã§ã™ã€‚ ã¨ã¯ã„ãˆã€HTML5ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹ã‚ã£ãŸã›ã„ã§ã€æœ€è¿‘ã‚ã¾ã‚ŠæŠ€è¡“çš„ãªãƒˆãƒ”ãƒƒã‚¯ã‚’è¿½ã£ã¦ãŠã‚‰ãšãƒ»ãƒ»ãƒ» ã“ã“ã¯ã€ã¤ã„æœ€è¿‘ç›®ã«ã—ãŸ gulp ã¨ã„ã†ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’è§¦ã£ã¦ã¿ãŸãƒ¬ãƒãƒ¼ãƒˆã§ã‚‚ã—ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Node.jsè£½ãªã®ã§ã€å®Ÿã¯HTML5ã¨ã‚‚ã‚ã‚“ã¾ã‚Šé–¢ä¿‚ãªã„ã€‚ã™ã„ã¾ã›ã‚“ã™ã„ã¾ã›ã‚“ gulpã¯ã€è‡ªèº«ã®ã“ã¨ã‚’ã€Œã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ãƒ»ãƒ“ãƒ«ãƒ‰ãƒ»ã‚·ã‚¹ãƒ†ãƒ ã€ã¨ç§°ã—ã¦ã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€Gruntãªã©ã¨åŒã‚«ãƒ†ã‚´ãƒªã®ã€Œãƒ“ãƒ«ãƒ‰ç”¨ãƒ„ãƒ¼ãƒ«ã€ã§ã™ã€‚ Gruntã¯ã€JSONå½¢å¼ã§å®£è¨€çš„ã«ã‚¿ã‚¹ã‚¯ã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’è¨˜è¿°ã—ã¦ã„ãå½¢å¼ã§ã™ã€‚æ…£ã‚Œã‚Œã°ã‚¹ãƒƒã‚ãƒªã—ã¦ã„ã¦è¦‹ã‚„ã™ã„ã—ã€è¨å®šã‚’å¤‰æ›´ã™ã‚‹ã®ã‚‚å®¹æ˜“ãªã®ã§ã™ãŒã€ç´°ã‹ãã‚¿ã‚¹ã‚¯ã®å‹•ä½œã‚’åˆ¶å¾¡ã™ã‚‹å¿…è¦ãŒç”Ÿã˜ãŸæ™‚ã«ã€Œä½•ã‚’ã©ã†ã™ã‚Œã°æ±‚ã‚ã‚‹çµæžœãŒå¾—ã‚‰ã‚Œã‚‹ã®ã‹ï¼Ÿã€ãŒã‚ã‹ã‚Šã«ãã„ã¨ã„ã†æ¬ ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã‚
lizy 2013/12/26
ã„ã¾ã„ã¡èªã¿ã¥ã‚‰ã„ã‚ˆã†ãªâ€¦â€¦Javascriptè‡ªä½“ãŒã‚ã¾ã‚Šå†…éƒ¨DSLã«å‘ã„ã¦ãªã•ãã†

node.js

gulp
ãƒªãƒ³ã‚¯
1