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

fujis_a id:fujis_a

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

åˆã‚ã¦ã®Gulpå°Žå…¥ï¼ã€ã¾ã¨ã‚ã€‘ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ‰‹é †ã‹ã‚‰æ•°ã€…ã®ã‚¨ãƒ©ãƒ¼è§£æ¶ˆã¾ã§ï½œã¿ãšãªã¿
å…ˆæ—¥ã€åˆã‚ã¦Gulpï¼ˆã‚¬ãƒ«ãƒ—ï¼‰ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚ å‚ç…§ã—ãŸæ‰‹é †ã‚µã‚¤ãƒˆã‚„å®Ÿè¡Œã—ãŸã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€ã©ã‚“ãªã‚¨ãƒ©ãƒ¼ãŒå‡ºã¦ã©ã†ã‚„ã£ã¦è§£æ¶ˆã—ãŸã‹ãªã©ã€Gulpã«é–¢ã™ã‚‹çµŒé¨“ã‚’å‚™å¿˜éŒ²ã¨ã—ã¦æŠ•ç¨¿ã—ã¾ã™ã€‚ ã€ã“ã‚“ãªæ‚©ã¿ã‚’æŒã¤æ–¹ã¸ã€‘ ãƒ»Gulpã£ã¦ãŸã¾ã«èžãã‘ã©ã€ãã‚‚ãã‚‚ä½•ï¼Ÿ ãƒ»Gulpã‚’å°Žå…¥ã—ãŸã„ã‘ã©åˆã‚ã¦ãªã®ã§ã‚„ã‚Šæ–¹ãŒã„ã¾ã„ã¡ã‚ã‹ã‚‰ãªã„ ãƒ»ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã„ã®ã«ã‚¨ãƒ©ãƒ¼ã°ã‹ã‚Šå‡ºã¦å›°ã£ã¦ã„ã‚‹ã“ã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã§ãã‚‹è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ãœã²åˆã‚ã¦Sassã®é–‹ç™ºç’°å¢ƒã‚’æ•´ãˆã‚‹ä¸Šã§ã€Gulpå°Žå…¥ã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã»ã—ã„ï¼ã¨ã„ã†æ€ã„ã‚’è¾¼ã‚ã¦ã„ã¾ã™ã€‚ ãªãœãªã‚‰ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¦è€…ã®ç§ãŒGulpã®ä¾¿åˆ©ã•ã¨åŠ¹çŽ‡ã®è‰¯ã•ã‚’ä»ŠãªãŠä½“æ„Ÿã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ã™ã”ã„è³¢ã„ã“ã®åï½¥ï½¥ï½¥ï¼ 1.Gulpã£ã¦ä½•ï¼Ÿ ãã‚‚ãã‚‚Gulpã£ã¦ãªã‚ã«ï¼Ÿã¨ã„ã†æ–¹ã€å¤§ä¸ˆå¤«ã§ã™ã€‚ç§ã‚‚ä½œæ¥ã‚’å§‹ã‚ã‚‹ã¾ã§ã©ã‚“ãªã‚‚ã®ãªã®ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ å”¯ä¸€æ€ã„ã¤ã„ãŸã®ã¯ã€é‡£ã‚Šã§ä½¿ã†
fujis_a 2020/04/20
gulp
ãƒªãƒ³ã‚¯
Gulp.js+EJS+JSONã‚’ä½¿ã£ãŸè¤‡æ•°ãƒšãƒ¼ã‚¸ã®ç”Ÿæˆæ–¹æ³• - aircolor memolog
äººæ°—ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ãƒ„ãƒ¼ãƒ«ã€ŒGulp.jsã€ã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã€ŒEJSã€ã‚’ä¸‹åœ°ã«ã€ JSONãƒ‡ãƒ¼ã‚¿ã‹ã‚‰è¤‡æ•°ãƒšãƒ¼ã‚¸ã‚’ç”Ÿæˆã§ãã‚‹ä»•çµ„ã¿ã‚’å‚™å¿˜éŒ²ã‚’å…¼ãã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãã£ã‹ã‘ ç¾åœ¨é€²ã‚ã¦ã„ã‚‹æ¡ˆä»¶ã§ã€HTMLã‚’é™çš„ã‹ã¤ãã“ãã“å¤§é‡ã«ä½œã‚‹äº‹æ¡ˆãŒç™ºç”Ÿã€‚ ã—ã‹ã—1ãƒšãƒ¼ã‚¸ã¥ã¤ä½œæˆãƒ»ä¿®æ£ã™ã‚‹ã®ã¯ã¨ã«ã‹ãã‚ã‚“ã©ãã•ã„ã¨æ€ã‚ã‚ŒãŸã®ã§ã€JSONã§æƒ…å ±ã‚’ä¸€æ‹¬ã§ç·¨é›†ã§ãã€ç”Ÿæˆã‚‚ç°¡å˜ã«å‡ºæ¥ã‚‹ã‚„ã‚Šæ–¹ã‚’ç¢ºç«‹ã—ãŸã‹ã£ãŸã€‚ å‰æãƒ»ã‚„ã‚ŠãŸã„ã“ã¨ ã‚µãƒ¼ãƒã¯ã‚ã‚Šã‚‚ã®ã‚’ä½¿ç”¨ã€‚æ¨©é™çš„ãªå•é¡Œã§æ–°ãŸã«ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã¯ä¸å¯ã€‚ PHPãŒä½¿ãˆãªã„ã‚µãƒ¼ãƒã ã£ãŸãŸã‚ã€è¤‡è£½ã¯é™çš„HTMLã§è¡Œã†å¿…è¦ãŒã‚ã‚‹ã€‚ ä¼¼ãŸãƒšãƒ¼ã‚¸ã‚’1ã¤ã¥ã¤ä½œæˆã€å¾Œã§ä¿®æ£ã‚’ã™ã‚‹ã®ã¯ã¨ã«ã‹ãã‚ã‚“ã©ãã•ã„ã®ã§ã€æ©Ÿæ¢°çš„ã«è¡Œã„ãŸã„ã€‚ ãƒšãƒ¼ã‚¸è¤‡è£½ç”¨ãƒ‡ãƒ¼ã‚¿ã¯å…¨ã¦JSONãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ãŸã„ã€‚ ä»•æ§˜ æ›¸ãå‡ºã—ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦Gulp.jsã‚’ä½¿ç”¨ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¯EJSã€‚æŽ¡
fujis_a 2018/11/02
*ã‚ã¨ã§èªã‚€

gulp
ãƒªãƒ³ã‚¯
Gulp + EJSåˆå¿ƒè€…ã®ã¤ã¾ã¥ããƒã‚¤ãƒ³ãƒˆã¾ã¨ã‚ - Qiita
PHPãŒä½¿ãˆãªã„ç’°å¢ƒã§å½¹ç«‹ã¤ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ ç†è€…ãŒé–¢ã‚ã£ã¦ã„ã‚‹æ¡ˆä»¶ã§ã¯ã»ã¼PHPãŒä½¿ãˆã‚‹ã®ã§ã™ãŒã€æ™‚ã€…PHPãŒä½¿ãˆãªã„æ¡ˆä»¶ãŒã‚ã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã«å…±é€šéƒ¨åˆ†ã€ç‰¹ã« <head>ã€œ</head> ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ãŸã„æ™‚ã«å½¹ç«‹ã¡ã¾ã—ãŸã€‚ ã¾ã ä½¿ã£ã¦ä¸€é€±é–“ã‚‚çµŒã£ã¦ã„ã¾ã›ã‚“ãŒã€æ°—ä»˜ã„ãŸç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚èª¤ã£ã¦ã„ã‚‹ç‚¹ãªã©ã‚ã‚Šã¾ã—ãŸã‚‰ã”æŒ‡æ‘˜ãŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ç’°å¢ƒ ã“ã“ã§ã¯Gulpã‚’ä½¿ã†ç’°å¢ƒã§ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ•ã‚©ãƒ«ãƒ€æ§‹æˆã¯ã“ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ / â† ã“ã“ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ãŸã‚‚ã®ã‚’å‡ºåŠ› + .src/ + node_modules/ + ejs/ + vars/ â† å®šæ•°ãªã© | + _const.ejs + module/ â† ä½¿ã„å›žã—ã™ã‚‹ãƒ‘ãƒ¼ãƒ„ | + _social.ejs + common/ â† ãƒ˜ãƒƒãƒ€ã‚„ãƒ•ãƒƒã‚¿å…±é€šãƒ‘ãƒ¼ãƒ„ | + _header.ejs + content_A/ â†
fujis_a 2018/07/05
EJS

gulp

javascript
ãƒªãƒ³ã‚¯
Gulpã‚’å°Žå…¥ã—ã‚ˆã† - Qiita
ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ‰‹é † 1ã€€node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã¯node.jsãŒå¿…è¦ãªã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ä¸‹è¨˜ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã€‚ npm(node package managerã®ç•¥ã€‚nodeã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ãƒ„ãƒ¼ãƒ«ã¨ã„ã†èªè˜)ã‚‚å°Žå…¥ã•ã‚Œã‚‹ã€‚ http://www.hirooooo-lab.com/entry/development/install-node 2ã€€Gulpã®å°Žå…¥ å‚è€ƒã‚µã‚¤ãƒˆ https://liginc.co.jp/web/tutorial/117900 https://h2ham.net/gulp-basic 2-1 pacakge.jsonç”Ÿæˆ pacakge.jsonã¨ã¯npmã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç®¡ç†ã™ã‚‹jsonãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã€‚ã¾ãšã¯ã“ã¡ã‚‰ã‚’ç”Ÿæˆã™ã‚‹ã€‚ 1.gulpã‚’å°Žå…¥ã—ãŸã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹• 2.ç§»å‹•ã—ãŸã‚‰package.jsonã‚’ä½œæˆã™
fujis_a 2018/05/25
gulp
ãƒªãƒ³ã‚¯
ãƒ†ãƒ³ãƒ•ã‚šãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚·ã‚™ãƒ³ã€ŒEJSã€ã¨ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€ŒGulp.jsã€ã§çˆ†é€ŸHTMLã‚³ãƒ¼ãƒ†ã‚™ã‚£ãƒ³ã‚¯ã‚™ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ï¼ LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ çªç„¶ã§ã™ãŒã¿ãªã•ã‚“ã€EJSã£ã¦ã”å˜ã˜ã§ã™ã‹ï¼Ÿ EJSã£ã¦ã„ã†ã®ã¯ã§ã™ãã€ãªã‚“ã‹ã‚‚ã†ã€ã“ã†ã€ã™ã‚“ã”ã„ãƒ„ãƒ¼ãƒ«ã§ã—ã¦ï¼ã€€ã¨ã«ã‹ãã€ä½¿ã†ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã‚ã£ã¡ã‚ƒæ—©ããªã‚‹ã‚“ã§ã™ã‚ˆï¼ï¼ ä»Šå›žã¯ãã‚Œã‚’ä½¿ã£ã¦ã€çˆ†é€Ÿã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®å…¥é–€ç·¨ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ EJSã¨ã¯ï¼Ÿ EJSã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨å‘¼ã°ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®1ã¤ã§ã€JavaScriptã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’å–ã‚Šå…¥ã‚Œã¤ã¤HTMLãŒæ›¸ã‘ã‚‹ã¨ã„ã†ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã£ã£ã£ãã‚Šè¨€ã„è¡¨ã™ã¨ã€Sassã¨CSSã®é–¢ä¿‚ã«è¿‘ã„ã§ã™ã€‚ ã€ŒEJSãƒ‡ãƒ¼ã‚¿ã§ã‚ˆã‚Šæ¥½ãªæ›¸ãæ–¹ã‚’ã—ã¦ã€HTMLã«å¤‰æ›ã—ã¦å‡ºåŠ›ã™ã‚‹ã€ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚ŒãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€ä¾‹ãˆã°headerã‚„footerãªã©ã®ãƒ‘ãƒ¼ãƒ„ã‚’åˆ†å‰²ã—ã¦å…±é€šåŒ–ã•ã›ãŸã‚Šã€JSã®foræ–‡ã®ã‚ˆã†ãªå‘½ä»¤ãŒHTMLä¸Šã§ä½¿ãˆã¾ã™
fujis_a 2018/05/25
gulp
ãƒªãƒ³ã‚¯
1