hirata.blogThis domain may be for sale!
Gulpã«ã‚ˆã‚‹Pugã€Sassã€ãƒ–ラウザーシンクãªã©ã‚’盛り込んã 開発環境「Speedyã€ã‚’公開ã—ã¾ã—ãŸã€‚ ｜https://wp.yat-net.com/name
2017å¹´ 08月 07æ—¥ Gulpã«ã‚ˆã‚‹Pugã€Sassã€ãƒ–ラウザーシンクãªã©ã‚’盛り込んã 開発環境「Speedyã€ã‚’公開ã—ã¾ã—ãŸã€‚ カテゴリ： gulp タグ：gulppugSassScss Gulpã®pugã‚„scssã€ãƒ–ラウザーシンクãªã©ã€æ™®æ®µåˆ©ç”¨ã™ã‚‹é–‹ç™ºç’°å¢ƒã‚’GitHubã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ GitHub:speedy 何ãŒå‡ºæ¥ã‚‹ã®ã‹ï¼Ÿ htmlを記述ã™ã‚‹ã®ã« pug を採用ã—ã¦ã„ã¾ã™ã€‚ div.contents h1.contents_ttl 見出㗠p.contents_p 本文 <div class="contents"> <h1 class="contents_ttl">見出ã—</h1> <p class="contents_p">本文</p> 上記ã®ã‚ˆã†ã«ã€pugã ã¨ã‚¿ã‚°ã‚’ç°¡æ½”ã«æ›¸ãã“ã¨ãŒã§ãã€é–‰ã˜ã‚¿ã‚°ã®å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“。ã§ã™ã®ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç™ºç”Ÿã™ã‚‹é–‰ã˜ã‚¿ã‚°å¿˜ã‚Œã‚„ã€ã‚¿ã‚°ã®
Node.jsユーザーãªã‚‰æŠ¼ã•ãˆã¦ãŠããŸã„npm-scriptsã®ã‚¿ã‚¹ã‚¯å®Ÿè¡Œæ–¹æ³•ã¾ã¨ã‚ - ICS MEDIA
ウェブ制作ã®ç¾å ´ã§ã¯ä½œæ¥ã®è‡ªå‹•åŒ–ã‚’è¡Œã†ã“ã¨ãŒå¤šã„ã§ã™ã€‚Node.jsインストール時ã«ä»˜å±žã™ã‚‹npm (Node Package Manager)を使用ã™ã‚Œã°ã€ã‚¿ã‚¹ã‚¯å‡¦ç†ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ npmã¨ã¯Node.jsã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’管ç†ã™ã‚‹ãŸã‚ã®ãƒ„ールã§ã‚ã‚Šã€ã‚¿ã‚¹ã‚¯å‡¦ç†ã«ã¯npmã®æ©Ÿèƒ½ã®npm-scriptsを使用ã—ã¾ã™ã€‚本記事ã¯npm-scriptsを使ã£ãŸã‚¿ã‚¹ã‚¯å®Ÿè¡Œç’°å¢ƒãŒæ§‹ç¯‰ã§ãã‚‹ã“ã¨ã‚’目標ã«è§£èª¬ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚npm-scriptsã¨ã¯ä½•ã‹ï¼Ÿ npm-scriptsã¨ã¯ã€package.jsonファイルã«è¨˜è¿°å¯èƒ½ãªã‚·ã‚§ãƒ«ã‚¹ã‚¯ãƒªãƒ—トã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ã§ã™ã€‚エイリアスã¨ã¯ã‚³ãƒžãƒ³ãƒ‰åを別ã®ã‚³ãƒžãƒ³ãƒ‰åã«ç½®ãæ›ãˆã‚‹ã“ã¨ã§ã™ã€‚以下ã®npm-scriptsã¯Hello world!!を表示ã•ã›ã‚‹ã‚³ãƒžãƒ³ãƒ‰ã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ã‚’作æˆã™ã‚‹ä¾‹ã§ã™ã€‚ â–¼package.jsonファイル { "scripts": { "say"
å¿…ãšä½¿ã†ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼Gulpã¨Gruntã®åŸºæœ¬ã‚³ãƒ¼ãƒ‰9é¸ - ICS MEDIA
ã¿ãªã•ã‚“ã¯ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã‚’使用ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ タスクランナーã¨ã¯é–‹ç™ºä½œæ¥ã‚’自動化ã™ã‚‹ãŸã‚ã®ãƒ„ールã§ã€2013å¹´é ƒã‹ã‚‰Webã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚開発ã®ç¾å ´ã§ã¯ä¸»ã«ã‚ªãƒ¼ãƒ—ンソースã®Gulp（ガルプ）ã¨Grunt（グラント）ãŒã‚ˆã使ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 本記事ã§ã¯Gulpã¨Gruntã®ä¸¡æ–¹ã®å°Žå…¥æ–¹æ³•ã¨ã‚¦ã‚§ãƒ–制作ã§ã‚ˆã使用ã™ã‚‹ãƒ—ラグインã®ä½¿ã„方を紹介ã—ã¾ã™ã€‚Gulpã¨Gruntã®ã„ãšã‚Œã‹ã¯ã™ã§ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ã‚‹ã¨ã—ã¦ç´¹ä»‹ã—ã¾ã™ï¼ˆè¨˜äº‹æœ«å°¾ã§ä»˜éŒ²ã¨ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’解説ã—ã¦ã„ã¾ã™ï¼‰ã€‚ ※Gruntã¨Gulpã®é•ã„を知りãŸã„æ–¹ã¯è¨˜äº‹ã€Œçµ¶å¯¾ã¤ã¾ãšã‹ãªã„Gulp入門ã€ã‚’å‚考ãã ã•ã„。 ã“ã®è¨˜äº‹ã¯2018å¹´12月ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸGulp 4ã«å¯¾å¿œã—ã¦ã„ã¾ã™ ファイルã®è¤‡è£½ 作æ¥ç”¨ã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ç”¨ã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã¸ãƒ•ã‚¡ã‚¤ãƒ«ã‚’コピーã—ãŸã„時ãªã©ã«è¤‡è£½ã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’登録ã—ã¦ãŠãã¨ä¾¿åˆ©
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
最新ビルドシステムGulp 4入門 〜環境構築ã‹ã‚‰ã‚¿ã‚¹ã‚¯ä½œæˆã¾ã§ã€œ - Qiita
https://geechs-magazine.com/tag/lifehack/20160928_2
{{#tags}}- {{label}}
{{/tags}}