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

proto_jp id:proto_jp

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

ã‚¿ã‚°ã®çµžã‚Šè¾¼ã¿ã‚’è§£é™¤

gulpã«é–¢ã™ã‚‹proto_jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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}}

CSSã®è‡ªå‹•ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã¨ãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚Œã‚‹HTMLãƒ¡ãƒ¼ãƒ«ã®ä½œæˆãƒ„ãƒ¼ãƒ«ã‚’gulpã§ä½œã£ãŸ - Qiita
åŸºæœ¬çš„ãªä½¿ã„æ–¹ ä½œæˆç·¨ ãƒªãƒã‚¸ãƒˆãƒªã‚’ã‚¯ãƒãƒ¼ãƒ³ã™ã‚‹ npm ciã§å„ç¨®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ npx gulpã§ãƒ„ãƒ¼ãƒ«ã‚’èµ·å‹•ã™ã‚‹ srcé…ä¸‹ã«htmlãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¨ç½®ã—ãƒ†ãƒ¼ãƒ–ãƒ«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ src/sassé…ä¸‹ã«scssè¨˜æ³•ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨˜è¿° ãƒ¡ãƒ¼ãƒ«é€ä¿¡ç·¨ .env-sampleã‚’.envã«ãƒªãƒãƒ¼ãƒ ã—ã¦é€ä¿¡å…ˆã€é€ä¿¡å…ƒã®æƒ…å ±ã‚’è¨˜è¿°ã™ã‚‹ npx gulp mailã§ãƒ¡ãƒ¼ãƒ«ã‚’é€ä¿¡ã™ã‚‹ ãƒ¡ãƒ¼ãƒ«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦htmlã‚’è¤‡æ•°ä½œæˆã—ã¦ã„ã‚‹å ´åˆã€npx gulp mail --file hogeã¨ã™ã‚‹ã¨hoge.htmlã®å†…å®¹ã‚’é€ä¿¡ã§ãã¾ã™ã€‚ï¼ˆãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯index.htmlï¼‰ ã¾ãŸã€ãƒ¡ãƒ¼ãƒ«ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’æŒ‡å®šã—ãŸã„å ´åˆã€npx gulp mail --subject fugaã¨ã™ã‚‹ã¨fugaãŒã‚¿ã‚¤ãƒˆãƒ«ã®ãƒ¡ãƒ¼ãƒ«ã¨ã—ã¦é€ä¿¡ã•ã‚Œã¾ã™ã€‚ï¼ˆãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯html mail testï¼‰ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã®è¨˜è¿°
proto_jp 2022/09/21
gulp

css

mail

html
ãƒªãƒ³ã‚¯
Gulp4ã®å¤‰æ›´ç‚¹ã¨æ–°ã—ã„æ›¸ãæ–¹ - Qiita
gulpjså…¬å¼ãƒ–ãƒã‚°ã§ã‚‚ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã•ã‚ŒãŸã‚ˆã†ã«ã€2018å¹´12æœˆã«Gulp4ãŒæ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚Gulp4æœªæº€ã¯æ•°ãƒ¶æœˆå¾Œã‹ã‚‰éžæŽ¨å¥¨ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ ã€ŒGulp4ã€ã§æ¤œç´¢ã™ã‚‹ã¨ã€ãã‚Œãžã‚ŒãŒé•ã†æ›¸ãæ–¹ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯gulp.jsã®å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å‚è€ƒã«ã€Gulp3ã‹ã‚‰Gulp4ã«ç§»è¡Œã™ã‚‹ãŸã‚ã®æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ gulp.task()ãŒéžæŽ¨å¥¨ã«ãªã‚Šã€é–¢æ•°å®£è¨€ã¨exportsãŒæŽ¨å¥¨ã«ãªã£ãŸ run-sequenceã‚’ä½¿ã£ãŸç›´åˆ—ãƒ»ä¸¦åˆ—å‡¦ç†ã‚’ã€å…¬å¼APIã®series()ã¨parallel()ã§å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸ gulp.watch()ã®ç¬¬äºŒå¼•æ•°ãŒé…åˆ—ã‹ã‚‰é–¢æ•°åã«ãªã£ãŸ å…¬å¼APIã«sourcemapsã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒè¿½åŠ ã•ã‚ŒãŸ å…¬å¼APIã®gulp.lastRun()ã§å·®åˆ†ãƒ“ãƒ«ãƒ‰ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸ gulp.task()ãŒéžæŽ¨å¥¨ã«ãªã‚Šã€é–¢æ•°å®£è¨€ã¨exportsãŒæŽ¨
proto_jp 2021/09/06
gulp

node.js
ãƒªãƒ³ã‚¯
Node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸gulpï¼ˆã‚¬ãƒ«ãƒ—ï¼‰ã§é–‹ç™ºã‚’åŠ¹çŽ‡åŒ– | ãƒ‘ã‚½ã‚³ãƒ³å·¥æˆ¿ NEXMAG
gulpï¼ˆã‚¬ãƒ«ãƒ—ï¼‰ã¯Node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ï¼ˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‰ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹Webé–‹ç™ºã‚’åŠ¹çŽ‡çš„ã«è¡Œã†ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚æ§˜ã€…ãªå‡¦ç†ã‚„ä½œæ¥ã‚’è‡ªå‹•åŒ–ã™ã‚‹ã“ã¨ãŒã§ãã€å®Ÿéš›ã®é–‹ç™ºç¾å ´ã§ã‚‚ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€gulpã®ç’°å¢ƒæ§‹ç¯‰ã‹ã‚‰gulpã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦Webé–‹ç™ºã§å¿…è¦ã¨ãªã‚‹ä½œæ¥ã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹æ‰‹é †ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»æœ¬è¨˜äº‹ã¯ã€gulp3ã‚’ãƒ™ãƒ¼ã‚¹ã«é€²ã‚ã¾ã™ã€‚ï¼ˆç¾åœ¨ã®æœ€æ–°ç‰ˆã§ã‚ã‚‹gulp4ã¯ã€è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã®è¨˜è¼‰ãŒå¤‰æ›´ã•ã‚Œã¦ã„ã‚‹ã®ã§å‹•ä½œã—ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ï¼‰ gulpã®ãƒ¡ãƒªãƒƒãƒˆ gulpã‚’ä½¿ã†ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åœ§ç¸®ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’è»½ãã—ãŸã‚Šã€ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ã™ã‚‹ä½œæ¥ã‚’è‡ªå‹•åŒ–ã—ãŸã‚Šã™ã‚‹ã“ã¨ã§é–‹ç™ºã‚’åŠ¹çŽ‡çš„ã«è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ gulpä¼¼ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€gulpã¯å‡¦ç†é€Ÿåº¦ãŒæ—©ãã€ä½µç”¨ã—ã¦ä½¿ãˆã‚‹Node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãŒè±Šå¯Œãªã“ã¨ã‹ã‚‰ã€å¤šãã®äººã«ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ â€»
proto_jp 2021/09/06
node.js

gulp
ãƒªãƒ³ã‚¯
gulp.jsã®APIã«ã¤ã„ã¦çŸ¥ã‚ã†ï¼ã€å›³è§£ä»˜ãã€‘ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ï¼ã€€å¤§å¦4å¹´ç”Ÿã€è‹±èªžã®å˜ä½ãŒå–ã‚ŒãŸã®ã‹ã¾ã ã‚ã‹ã‚‰ãšä¸å®‰ãªã‚Œã‚‚ã‚“ã§ã™ã€‚ ã•ã¦ã€å‰å›žã¯gulp.jsã®æ¦‚è¦ã¨ã€sassã‚¿ã‚¹ã‚¯ã‚„watchã‚¿ã‚¹ã‚¯ã‚’ä½¿ã£ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹ã¨ã“ã‚ã¾ã§ã‚’ã‚„ã‚Šã¾ã—ãŸã€‚ä»Šå›žã¯ã€gulp.jsã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹APIã«ã¤ã„ã¦èª¬æ˜Žã—ãªãŒã‚‰ã€å‰å›žæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå®Ÿéš›ã«ã©ã‚“ãªã“ã¨ã‚’ã—ã¦ã„ãŸã®ã‹ã€è¦‹ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ gulp.jsã®APIãŒã§ãã‚‹ã“ã¨ gulp.jsã®APIã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã€ã‚¿ã‚¹ã‚¯ã®è¨å®šã‚„å‡¦ç†ã‚’ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®æŒ‡å®šã€çµæžœã®å‡ºåŠ›å…ˆã®æŒ‡å®šã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ç›£è¦–ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚å®Ÿéš›ã«gulpfile.jsã«ã‚¿ã‚¹ã‚¯ã‚’å®šç¾©ã™ã‚‹ãŸã‚ã«ã¯ã€gulp.jsãŒæä¾›ã™ã‚‹APIã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ gulp API docsï¼šgulp/docs/API.md â€“ GitHub ä»Šå›žè¨˜äº‹å†…ã§ä½¿ã†ãƒ¡ã‚½ãƒƒãƒ‰ã¯gulpã§ã‚‚ã¨ã‚‚ã¨ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ãªã®ã§ã€ã•ã‚‰ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Š
proto_jp 2021/02/05
js

sass

javascript

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

sass

gulp
ãƒªãƒ³ã‚¯
1