gulp-webpackã§è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’コンパイルã™ã‚‹ã¨ãã«æ³¨æ„ã™ã‚‹ç‚¹ã®ãƒ¡ãƒ¢ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
gulpã§jsã®consoleを消ã—ãŸã‚Šåœ§ç¸®ã—ãŸã‚Šã™ã‚‹ - unsweets.log
引ã続ãgulpã§ã™ã€‚プラグインを使ã£ã¦ãƒ‡ãƒãƒƒã‚°ã«ä½¿ã†consoleを消ã—ãŸã‚Šåœ§ç¸®ã—ãŸã‚Šã—ã¾ã™ã€‚ インストール consoleを消ã™ãƒ—ラグインã¯gulp-strip-debugã§ã™ã€‚ $ npm install --save-dev gulp-strip-debug 圧縮ã¯ãŠé¦´æŸ“ã¿ã®uglify。ã„ãã¤ã‹åŒã˜ã‚ˆã†ãªãƒ—ラグインãŒã‚ã‚‹ã®ã§ã™ãŒä»Šå›žã¯gulp-uglifyを使用ã—ã¾ã—ãŸã€‚ $ npm install --save-dev gulp-uglify 2ã¤ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸã‚‰æº–å‚™ã¯å®Œäº†ã§ã™ã€‚ タスクを記述ã™ã‚‹ gulpfile.jsã«ä»¥ä¸‹ã‚’記述。 gulp.task('compress', function() { return gulp.src('./js/*.js') .pipe(stripDebug()) .pipe(uglify()) .pipe(gulp.dest('./bui
Browsersync ã®èµ·å‹•ã‚’æ—©ãã™ã‚‹ - Qiita
[BS] [debug] -> Starting Step: Finding an empty port [BS] [debug] Found a free port: 3000 [BS] [debug] Setting Option: port - 3000 [BS] [debug] + Step Complete: Finding an empty port [BS] [debug] -> Starting Step: Checking online status [BS] [debug] Resolved www.google.com, setting online: true [BS] [debug] Setting Option: online - true [BS] [debug] + Step Complete: Checking online status
gulp.watch()ã§pugã®ã‚³ãƒ³ãƒ‘イルをã—ãªã„方法 | 丸ノ内テックブãƒã‚°
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ front end ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ back end アプリ開発 app インフラ infra ãã®ä»– other データドリブン data driven タグ一覧 Ajax（1） Android（20） Apache（2） AR（2） benchmark（1） BigQuery（2） browsersync（1） C4（1） CakePHP（1） CentOS7（1） CI（1） CMS（3） CoreNFC（1） CraftAR（1） CSS（1） DeepLab（2） Dmitry Stogov（1） ECMAScript（1） ECMAScript6（1） ElePHPant（1） Facebook（3） FFmpeg（1） firebase（1） fluentd（1） Framework（1） GD（2） gif（2） Git（1） GLSL（5） Google A
å„é …ç›®ã‚’é¸æŠžãƒ»å…¥åŠ›ã™ã‚‹ã ã‘ã§gulpã§ä½¿ç”¨ã™ã‚‹ã‚½ãƒ¼ã‚¹ã‚’出力ã—ã¦ãれるジェãƒãƒ¬ãƒ¼ã‚¿ã€Œgulp generator〠- NxWorld
「gulp generatorã€ã¯gulpã§ä½¿ç”¨ã™ã‚‹gulpfile.jsã¨package.jsonã«è¨˜è¿°ã™ã‚‹ã‚½ãƒ¼ã‚¹ã‚’出力ã—ã¦ãれるジェãƒãƒ¬ãƒ¼ã‚¿ã§ã€ç”¨æ„ã•ã‚Œã¦ã„ã‚‹å„é …ç›®ã‚’é¸æŠžã—ãŸã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ãƒ»å‡ºåŠ›ç®‡æ‰€ã‚’入力ã—ã¦ã„ãã ã‘ã§ç°¡å˜ã«å¿…è¦ãªã‚½ãƒ¼ã‚¹ã‚’出力ã—ã¦ãã‚Œã¾ã™ã€‚ サイトã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ä¸Šã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ˆã†ãªè¦‹æ „ãˆã«ãªã£ã¦ãŠã‚Šã€ãƒšãƒ¼ã‚¸å·¦å´ã§å®Ÿè¡Œã—ãŸã„タスクをé¸æŠžã—ãŸã‚Šãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ãƒ»å‡ºåŠ›ç®‡æ‰€ã‚’入力ã—ã¦ã€ãã®çµæžœã¨ã—ã¦ãƒšãƒ¼ã‚¸å³å´ã«gulpfile.jsã¨package.jsonã«è¨˜è¿°ã™ã‚‹ãŸã‚ã®ã‚½ãƒ¼ã‚¹ãŒå‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ タスクã®é¸æŠžéƒ¨åˆ†ã¯å¤§ãã分ã‘ã¦ã€Œcssã€ã€Œjsã€ã€Œhtmlã€ã€Œãã®ä»–ã€ã®4ã¤ã«åˆ†é¡žã•ã‚Œã¦ãŠã‚Šã€ä¸Šã®ã‚¤ãƒ¡ãƒ¼ã‚¸ï¼ˆã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ã€Œcssã€ã‚’é¸æŠžæ™‚）ã®ã‚ˆã†ã«ãã‚Œãžã‚Œãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ス指定をã™ã‚‹éƒ¨åˆ†ã¨å„タスクをé¸æŠžã™ã‚‹é …ç›®ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ よã利用ã•ã‚Œã‚‹ã¨æ€ã†ã‚ˆã†ãªã‚‚ã®ã¯
Gulpã§CSSã‚„JavaScriptã‚’HTMLã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³æŒ¿å…¥ | q-Az
Gulp を使ã£ã¦ CSS ã‚„ JavaScript を直接 HTML ã«å…¥ã‚Œè¾¼ã‚€æ–¹æ³•ã§ã™ã€‚ ã„ã‚ã„ã‚ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€å˜ç´”ã«ã€Œcss ファイルや js ファイルをテã‚ストã¨ã—㦠html（php）ファイルã«æŒ¿å…¥ã™ã‚‹ã€ã¨ã„ã†æ–¹æ³•ã§å®Ÿç¾ã—ã¾ã™ã€‚ gulp-file-includegulp-file-include ã¨ã„ㆠnpm パッケージを使ã„ã¾ã™ã€‚ gulp-file-include | npm 上記ã®ãƒªãƒ³ã‚¯ã‚’見ã¦ã‚‚らãˆã°ã ã„ãŸã„ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚今回ã¯åŸºæœ¬çš„ãªæ©Ÿèƒ½ã®ã¿ä½¿ç”¨ã€‚ インストールnpm install --save-dev gulp-file-includegulpfile.jsvar gulp = require('gulp'); var fileInclude = require('gulp-file-include'); gulp.task('include', fun
Gruntã§WebFont作æˆã‚’自動化 | Web雑記帳
WebFont作æˆã‚’Grunt.jsã§è‡ªå‹•åŒ– WebFontを作æˆã™ã‚‹ã‚µãƒ¼ãƒ“スãªã©ã«ã¯ã€ã„ã‚ã„ã‚ã‚り便利ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã—ãŸä¿®æ£ã‚’入れる度ã«WebFont化ã™ã‚‹ã®ã¯é¢å€’ãã•ã„ã§ã™ã€‚ãã“ã§ã€grunt-webfontã¨ã„ã†ä¾¿åˆ©ãªãƒ—ラグインãŒã‚ã£ãŸã®ã§è‡ªå‹•åŒ–ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã“ã§ã¯ã€macã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ãã¾ã™ã€‚ 下準備 homebrew node grunt ã“ã“らã¸ã‚“をインストールã—ã¦ãŠã„ã¦ä¸‹ã•ã„。 インストール grunt-webfontã®readmeã«æ²¿ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã„ãã¾ã™ã€‚ ã¾ãšã¯homebrewã§fontforgeã¨ttfautohintをインストールã™ã‚‹ã®ã§ã™ãŒã€ readmeã«nodeエンジンを使用ã™ã‚‹ãªã‚‰fontfogeã¯å¿…é ˆã§ãªã„ã¨ã‚ã‚‹ã®ã§ã€ ã“ã“ã§ã¯ttfautohintã®ã¿ã‚’インストールã—ã¾ã™ã€‚ $brew install ttfautohint cairo
gulpfileã‚’CoffeeScriptç‰ã§æ›¸ã方法
Task Runnerツールã®gulpã§ã€ タスクã®è¨å®šã¯ gulpfile.js ã¨ã„ã†è¨å®šã‚¹ã‚¯ãƒªãƒ—トを作ã£ã¦æ›¸ãã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ (ä»»æ„ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’指定ã™ã‚‹å ´åˆã¯ã€ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³å¼•æ•°ã® --gulpfile オプションã§æŒ‡å®šã—ã¾ã™) gulp/docs/getting-started.md at master · gulpjs/gulp Task Runnerツールã¨ã—ã¦æœ‰åãªGruntã§ã¯ã€è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’js以外ã«CoffeeScriptをデフォルトã§ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãŸã‚〠オブジェクトã®å…¥ã‚ŒåãŒãŸãã•ã‚“ã§ãã‚‹ gruntfile ã‚’CoffeeScriptã§æ›¸ãã¨ã„ã†äººã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ gulpã§ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ js ã§ã™ãŒã€ --require オプションを使ã†ã“ã¨ã§ä»»æ„ã®altJSを使ã£ã¦ã€ gulpfile を書ãã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ (ã“ã®å ´åˆã®ãƒ‡ãƒ•ã‚©
How to set up Gulp for Compass compilation and minification, JavaScript minification, livereloading, and use with ExpressionEngine.
1) readme.md How to set up Gulp with an ExpressionEngine project I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc). Install Node.js If Node is not yet installed on the machine, it will need
wordpressã®theme開発を自動化ã™ã‚‹gulpã®è¨å®š | ãŒã¶ã£ã¨ã²ã¨ã‹ã¿
Written by maneater_rhythm posted on 7月 27, 2014 in プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° wordpressã®ãƒ†ãƒ¼ãƒžã‚’作æˆã™ã‚‹éš›ã€sassã®ãƒ—リコンパイルやブラウザã®ãƒªãƒãƒ¼ãƒ‰ã‚’gulpã§ã‚„ã‚‹ã¨ä¾¿åˆ©ãªã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦è¨å®šã‚’残ã—ã¦ãŠã。 gulpã¨ã¯æ§˜ã€…ãªã‚¿ã‚¹ã‚¯ã‚’自動化ã™ã‚‹ãƒ“ルドシステムã§ã‚る。 ã“ã“ã§ç´¹ä»‹ã™ã‚‹gulpã®ãƒ“ルドレシピã¯æ¬¡ã®ã“ã¨ã‚’自動ã§è¡Œã†ã€‚ sassã‚„Javascriptã®å¤‰æ›´ã‚’検知ã—ã€è‡ªå‹•çš„ã«ã‚³ãƒ³ãƒ‘イル・minifyを行ㆠcss, js, phpファイルã®å¤‰æ›´ã‚’検知ã—ã€ãƒ–ラウザを更新ã™ã‚‹ browser-syncを利用ã™ã‚‹ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸é·ç§»ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ãƒ•ã‚©ãƒ¼ãƒ ã¸ã®å…¥åŠ›ã‚’ブラウザ間ã§åŒæœŸã™ã‚‹ gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¯ã“ã“ã§ã¯èª¬æ˜Žã—ãªã„。ググã£ã¦ãれ。 gulpã®è¨å®šã¯ã“ã‚“ãªã‚“。 // Load plugins var gulp = requ
Bowerã¨gulp-bowerã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘ライブラリを管ç†ã™ã‚‹
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° (iOS, JavaScript, Jenkins, Sikuli) ã¨Macã‚„iPhoneãªã©ã®è©±é¡ŒãŒä¸å¿ƒã®ãƒ–ãƒã‚° Bowerã¨gulpを組ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘ライブラリを管ç†ã§ãるよã†ã«ã—ã¦ã¿ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã€Bowerã®ç°¡å˜ãªä½¿ã„ã‹ãŸã¨gulpã§ã®åˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ãªãŠã€gulp自体ã®åˆ©ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã¯ã€ä»¥å‰ã®è¨˜äº‹ã€Œãƒ“ルドシステムgulpã‚’CoffeeScriptã§ä½¿ã£ã¦ã¿ã‚‹ã€ã‚’å‚ç…§ãã ã•ã„。 Bowerã®å°Žå…¥ã¨ãƒ‘ッケージインストール Bowerã¯npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ npm install -g bower コマンドbowerã®åŸºæœ¬çš„ãªä½¿ã„ã‹ãŸã¯ã€npmã¨åŒã˜ã§ã™ã€‚ã¾ãšã€bower initã§åˆæœŸåŒ–ã—ã¦ãŠãã¾ã™ã€‚ > bower init [?] name: sample [?] version: 0.0.0 [?] de
npm + gulp + bower ã§ãƒ“ルド自動化 - GeekFactory
(追記) ã“ã®è¨˜äº‹ã¯å…¬é–‹ã‹ã‚‰æ™‚é–“ãŒçµŒã£ã¦ãŠã‚Šã€å†…容ãŒå¤ããªã£ã¦ã„ã¾ã™ã€‚2016年時点ã§ã¯WebpackãŒåœ§å€’çš„ã«ãŠã™ã™ã‚ã§ã™ã€‚ JavaScriptã‚„CSSã®ãƒ“ルドを自動化ã™ã‚‹ã“ã¨ã§ã€æ‰‹ä½œæ¥ã«ã‚ˆã‚‹ç„¡é§„ãªæ™‚間やミスを削減ã§ãã¾ã™ã€‚ã¾ãŸã€èª°ã§ã‚‚ビルドã§ãるよã†ã«ãªã‚‹ãŸã‚ã€ãƒªãƒªãƒ¼ã‚¹ã®ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã‚’解消ã§ãã¾ã™ã€‚ 改善ã—ãŸã„ã“㨠JavaScriptフレームワークやCSSフレームワークã®ä¾å˜é–¢ä¿‚を自動的ã«ç®¡ç†ã—ãŸã„。ダウンãƒãƒ¼ãƒ‰ã—ã¦é…置を手作æ¥ã§ã‚„ã‚ŠãŸããªã„。 CoffeeScriptã‚„LESSã®ã‚³ãƒ³ãƒ‘イルを自動的ã«å®Ÿè¡Œã—ãŸã„ã€‚æ‰‹é †æ›¸ã‚’è¦‹ãªãŒã‚‰ã‚³ãƒžãƒ³ãƒ‰ã‚’å©ãã¨ã‹ã‚„ã‚ŠãŸããªã„。 ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ©ã‚¤ãƒ–ラリをリãƒã‚¸ãƒˆãƒªã«å…¥ã‚ŒãŸããªã„。 出è·å¯¾è±¡ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’明確ã«ã—ãŸã„。ゴミファイルをリリースã—ãŸããªã„。 ã©ã†ã‚„ã£ã¦å®Ÿç¾ã™ã‚‹ï¼Ÿ bowerã§ãƒ©ã‚¤ãƒ–ラリã®ä¾å˜é–¢ä¿‚を管ç†ã™ã‚‹ã€‚ gulpã§ãƒ“ルドを自動化ã™ã‚‹ã€‚
gulp-pleeease を試ã—ã¦ã¿ãŸ | BUN:Log
Twitter ã®ã‚¿ã‚¤ãƒ ラインã§è¦‹ã‹ã‘ãŸã“ã®è¨˜äº‹ gulp-autoprefixerよりもã„ã„æ„Ÿã˜ã€‚gulp-pleeeaseを使ã£ã¦cssを処ç†ã—よㆠ| isee ウェブã«é–¢ã™ã‚‹ãƒ–ãƒã‚°ï¼š http://isee-web.net/?p=593 ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ãŸã®ã§ã€å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚„ã£ãŸã“ã¨Bundler 経由ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—㟠Sass 㨠gulp-sass ã‚’æ—¢ã«åˆ©ç”¨ã—ã¦ã„ãŸãŸã‚ã€ãƒ—ラグインã®ã¿ã‚’インストール。 $ npm install --save-dev gulp-pleeeasegulpfile.js ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«èª¿æ•´ã€‚ .scss ã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸ CSS ファイルã«é©ç”¨ã—ãŸã‹ã£ãŸã®ã§ã€run-sequence ã§ã‚¿ã‚¹ã‚¯ã®å®Ÿè¡Œé †ã‚’指定ã—ã¦ã„ã¾ã™ã€‚ // task.sass gulp.task('sass', function(){ return gulp.src
» Gulpã§Sassã®ã‚³ãƒ³ãƒ‘イルã¨livereloadã‚’ã‚„ã£ã¦ã¿ã‚‹ | isee ウェブã«é–¢ã™ã‚‹ãƒ–ãƒã‚°
Gruntã¨åŒã˜ãタスクランナーã®Gulp。GruntよりもビルドファイルãŒèªã¿ã‚„ã™ãã€ã‚¹ãƒ”ードも軽快ãªæ°—ãŒã—ã¾ã™ã€‚Gulpã¨Grunt Gruntã«é–¢ã—ã¦ã¯å‰å›žã®è¨˜äº‹ã§(タスクランナーGrunt導入メモ)導入方法ã¨ç°¡å˜ãªä½¿ã„方を紹介ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯Gruntã¨åŒã˜ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®Gulpã§Sassã®ã‚³ãƒ³ãƒ‘イルã¨ãƒ–ラウザを自動ã§æ›´æ–°ã™ã‚‹livereloadを使ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Gulpã®ã„ã„ã¨ã“ã‚ Gruntã¨å¤§ããé•ã†éƒ¨åˆ†ã¯ä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ ・Gruntよりもビルドファイルã®å¯èªæ€§ãŒè‰¯ãã€çŸã„コードã§æ¸ˆã‚€ ・ãªã‚‹ã¹ãタスクを並列ã§å®Ÿè¡Œã—よã†ã¨ã™ã‚‹ã®ã§ã€ã‚¹ãƒ”ードãŒæ—©ã„ Gruntã‚‚ã¨ã¦ã‚‚優秀ã§ã™ãŒã€Gulpã¯Gruntã®è‰¯ã„部分を引ã継ãŽã€çŸæ‰€ã‚’改善ã—ãŸãƒ„ールã ãã†ã§ã™ã€‚ãã®ãŸã‚ビルドファイルã®æ›¸ã方や導入方法ã¯Gruntã¨ä¼¼ã¦ã„ã‚‹ã®ã§ã€Gruntを使ã£ãŸã“ã¨ã®ã‚る人ã¯ã€ä½¿ã„ã‚„
a-blog cms Ver. 2.1 ã®omakeを使ã£ã¦å€‹äººãƒ–ãƒã‚°ã‚’作り直ã—ã¦ã¾ã™ ノート dotgraphy
先週ã€6月23æ—¥ã«a-blog cms Ver. 2.1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ãŠå€¤æ‰“ã¡ãªã‚»ãƒ¼ãƒ«ã‚‚è¡Œã£ã¦ã„ã¾ã™ã€‚ãã‚“ãªä¸ã€ã‚»ãƒ¼ãƒ«æœŸé–“ã®7月7æ—¥ã¾ã§ã€åˆ¶ä½œã‚¹ã‚¿ãƒƒãƒ•ãŒãƒ–ãƒã‚°ã§ãƒªãƒ¬ãƒ¼ã‚’ã™ã‚‹ã¨ã„ã†ã“ã¨ã§é †ç•ªãŒã¾ã‚ã£ã¦ãã¾ã—ãŸã€‚ 僕ã¯ã€æ™®æ®µã®æ¥å‹™ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã‚’ä¸å¿ƒã«è¡Œã£ã¦ãŠã‚Šã€å®Ÿè£…ã¯ã»ã¨ã‚“ã©ã‚„らãªã„ã®ã§ã™ãŒã€ã“ã®æ©Ÿä¼šã«æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚押ã•ãˆã¦ãŠã“ã†ã¨ãƒ–ãƒã‚°ãƒ†ãƒ¼ãƒžã‚’ãªã‹ã°å¼·å¼•ã«ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ （※ナビゲーションãŒã‚‚ã†1㤠:-< ） テーマを作るã®ã«ã€ä¸»ã«ä»¥ä¸‹ã®å†…容を行ã„ã¾ã—ãŸã€‚ ãƒãƒ¼ã‚«ãƒ«ã«a-blog cmsをインストール blog2014をベースã«ä½œã‚Šã¯ã˜ã‚ã‚‹ gulpã®è¨å®šã—ã¦ã¿ã‚‹ Lessã¨ã‹Livereloadã¨ã‹ä½¿ã£ã¦ã¿ãŸã„ acms.cssã®ã‚°ãƒªãƒƒãƒ‰ã‚’ã¤ã‹ã£ã¦ãƒ¦ãƒ‹ãƒƒãƒˆã‚’レイアウト ãƒãƒ¼ã‚«ãƒ«ã«a-blog cmsをインストール テーマを作る際ã«ã€ã‚„ã£ã±ã‚Šãƒãƒ¼ã‚«ãƒ«ã«a-blog cmsをインス
打倒Gruntï¼Node.js用ã®æ–°ãŸãªãƒ“ルドシステムgulpã“ã¨ã¯ã˜ã‚ | OpenWeb
ãƒ¡ãƒªãƒ¼ã‚¯ãƒªã‚¹ãƒžã‚¹ï¼ ã“ã®ãƒ–ãƒã‚°ã¯ã€HTML5 Advent Calendar 2013ã®12/25用ã§ã™ã€‚ ã¨ã¯ã„ãˆã€HTML5カンファレンスã¨ã‹ã‚ã£ãŸã›ã„ã§ã€æœ€è¿‘ã‚ã¾ã‚ŠæŠ€è¡“çš„ãªãƒˆãƒ”ックを追ã£ã¦ãŠã‚‰ãšãƒ»ãƒ»ãƒ» ã“ã“ã¯ã€ã¤ã„最近目ã«ã—㟠gulp ã¨ã„ã†ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’触ã£ã¦ã¿ãŸãƒ¬ãƒãƒ¼ãƒˆã§ã‚‚ã—よã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Node.js製ãªã®ã§ã€å®Ÿã¯HTML5ã¨ã‚‚ã‚ã‚“ã¾ã‚Šé–¢ä¿‚ãªã„。ã™ã„ã¾ã›ã‚“ã™ã„ã¾ã›ã‚“ gulpã¯ã€è‡ªèº«ã®ã“ã¨ã‚’「ストリーミング・ビルド・システムã€ã¨ç§°ã—ã¦ã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€Gruntãªã©ã¨åŒã‚«ãƒ†ã‚´ãƒªã®ã€Œãƒ“ルド用ツールã€ã§ã™ã€‚ Gruntã¯ã€JSONå½¢å¼ã§å®£è¨€çš„ã«ã‚¿ã‚¹ã‚¯ã®ãƒ‘ラメータを記述ã—ã¦ã„ãå½¢å¼ã§ã™ã€‚慣れれã°ã‚¹ãƒƒã‚リã—ã¦ã„ã¦è¦‹ã‚„ã™ã„ã—ã€è¨å®šã‚’変更ã™ã‚‹ã®ã‚‚容易ãªã®ã§ã™ãŒã€ç´°ã‹ãタスクã®å‹•ä½œã‚’制御ã™ã‚‹å¿…è¦ãŒç”Ÿã˜ãŸæ™‚ã«ã€Œä½•ã‚’ã©ã†ã™ã‚Œã°æ±‚ã‚ã‚‹çµæžœãŒå¾—られるã®ã‹ï¼Ÿã€ãŒã‚ã‹ã‚Šã«ãã„ã¨ã„ã†æ¬ 点ãŒã‚ã‚Šã¾ã™ã€‚ã‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
帰ã£ã¦ããŸGulp 4 - Qiita
gulp-inject
{{#tags}}- {{label}}
{{/tags}}