Railsã®rakeã§asset:precompileå‰ã«ä»»æ„ã®ã‚¿ã‚¹ã‚¯ã‚’æµã—ã¦ã‚’jsをビルドã™ã‚‹ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
gulp v4.0を眺ã‚ã¦ã¿ãŸ
gulpfileã‚’ES6ã«ç½®ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã€ä½•æ°—ã«gulpã®æƒ…å ±è¿½ã£ã¦ã„ã‚‹ã¨ã€ ãã‚ãã‚v4.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œãã†ãªã®ã§ã–ã£ãã‚Šã¨çœºã‚ã¦ã¿ãŸã€‚ gulpfileã‚’ES6ã§æ›¸ãã¾ãšã€æœ¬æ¥ã®ç›®çš„ã ã£ãŸã“ã®ä»¶ã€v3.9ã§ã™ã§ã«å¯¾å¿œã•ã‚Œã¦ã„ãŸã€‚ 以下ã®æ¡ä»¶ã§ã‚ã‚Œã°åˆ©ç”¨å¯èƒ½ã®ã‚ˆã†ã ã£ãŸã€‚ gulp v3.9以上 gulpfile.jsã‚’gulpfile.babel.jsã¨ã™ã‚‹ babel-core をインストールã™ã‚‹ã“㨠内部的ã«ã¯babelã§å¤‰æ›ã—ã¦ã„るよã†ã 。 続ã„ã¦ã€v4.0ã®CAHNGELOGも眺ã‚ã¦ã¿ãŸã€‚ gulp4.0をインストール cliã®å¤‰æ›´ç‚¹--tasks-json 㨠--verify オプションãŒè¿½åŠ ã•ã‚Œã¦ã‚‹ã€‚ –task-json ã¯ã‚¿ã‚¹ã‚¯ã‚’jsonå½¢å¼ã§å‡ºåŠ›ã™ã‚‹ã€‚ –verify ã¯pluginsãŒpackage.jsonã‚’å‚ç…§ã—ã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã€‚ APIã®å¤‰æ›´ç‚¹å¤§
Watchifyã§browserifyを差分ビルド - Qiita
https://github.com/maxogden/wzrd ã¯ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹åº¦ã«å¤‰æ›´ã‚’åã出ã™ã®ã ãŒã€watchify ã¯å·®åˆ†ã‚’管ç†ã—ã¦ãれる。 reactã¨ã‹ç„¡é§„ã«å·¨å¤§ãªã‚“ã§ã€require('react') ã—ãŸã ã‘ã§1.2秒ãらã„å¾…ãŸãªã„ã¨ã„ã‘ãªããªã£ã¦è¾›ã‹ã£ãŸã€‚ãã†ã„ã†å•é¡Œã‚’解決ã§ãる。 ç°¡å˜ãªä½¿ã„æ–¹ npm install -g watchify ã“ã‚Œã ã‘。-v 㧠verboseã¿ãªã„ã¨å‹•ã„ã¦ã‚‹ã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ä»˜ã‘ãŸã»ã†ãŒã‚ˆã•ãã†ã€‚ æŸã‚¢ãƒ—リã®ãƒ“ルドãŒ3.8秒ã‹ã‚‰0.3秒ã«ãªã£ã¦æœ€é«˜ 自分ã®ä½¿ã„æ–¹ 一旦ã™ã¹ã¦ã‚’jsã«ã—ã¦åã出ã™ã€‚ gulp㧠src/**/* -> lib/**/*.js lib/index.js を基準ã«browserify ã™ã‚‹ gulp-watchify を使ã£ãŸã€‚ arda-starter-project ã§ã¯æ¯Žåº¦ã®ãƒ“ルドã®é…ã•ãŒå•é¡Œã«ãª
Gulp: Creating multiple bundles with Browserify
With the ever-changing eco system of Node.js tools, a short version disclaimer. This article has been created using Gulp v3.8 Browserify Glob 5.0 Event Stream 3.3 Vinyl Source Stream 1.1 If something does not work when you’re using the same tutorial, please check if there’s been a major update causing breaking changes. And please do inform me, I like keeping those tutorials updated when possible.
sizuhiko - Technote - gulp-rev-replace を使ã£ã¦ãƒªãƒ“ジョン管ç†ã‚’ã™ã‚‹ã¨ãã«æ³¨æ„ã—ãŸã„ã“ã¨
Saturday, May 02, 2015 03:51:00 PM JavaScript gulp gulp-rev JavaScriptã§ãƒ¢ãƒ€ãƒ³ãªé–‹ç™ºã‚’ã™ã‚‹ã¨ãã€gulpã¨ã„ã†ãƒ“ルドシステムを使ã†ã¨ã€ç°¡å˜ã«ãƒ“ルドéŽç¨‹ã‚’自動化ã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€JavaScriptã§ã‚¢ãƒ—リケーションを作ã£ãŸã¨ãã€ãƒ©ã‚¤ãƒ–ラリã¯CDNãªã©ã‹ã‚‰å–å¾—ã™ã‚‹ã¨ã—ã¦ã€è‡ªåˆ†ã§ä½œã£ãŸã‚¹ã‚¯ãƒªãƒ—トファイルã¯ï¼‘ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ã‚ºã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’gulpã®ã‚¿ã‚¹ã‚¯ã§æ›¸ãã§ã—ょã†ã€‚ 一般的ã«JavaScriptã‚„CSSã‚’HTML上ã«è¨˜è¿°ã™ã‚‹ã¨ãã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ <script type="text/javascript" src="/js/app.js"></script> <link rel="stylesheet" href="/css/app.css" type="text/css"> リリースã—ãŸã®ã«
gulp 㨠browserify 㨠vinyl ã®è©± - <body>
browserify ã® API ãŒå¤‰ã‚ã£ãŸã®ã§ã€ã“ã®è¨˜äº‹ã®ã‚³ãƒ¼ãƒ‰ã®ã¾ã¾ã§ã¯å‹•ãã¾ã›ã‚“ï¼ gulp 㧠browserify ã—よã†ã¨ã—ãŸã‚“ã ã‘ã©ã€ 色々ãƒãƒžã£ãŸã®ã§ã€ ã²ã¨ã¾ãšã¾ã¨ã‚ã¦ãŠããŸã„。 ç™»å ´äººç‰© gulp ã¡ã‚ƒã‚“ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルドエンジン。 grunt を馬鹿ã«ã—ã¦ã‚‹ã€‚ browserify ã¡ã‚ƒã‚“ CommonJS スタイル㮠require をフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ npm モジュール。 調åã«ä¹—ã£ã¦ã‚‹ã‘ã© webpack ãŒãã«ãªã‚‹ã€‚ vinyl ã¡ã‚ƒã‚“ npm 全般ã§ä½¿ã†ã‚ªãƒ–ジェクトã®åå‰ã€‚モナドを感ã˜ã‚‹ã€‚ 俺ãŒã•ã£ã知ã£ãŸã€‚ gulp ã®ä»•çµ„ã¿ ãã‚‚ãã‚‚ gulp ã£ã¦ã€ç¢ºã‹ã« grunt よりçŸã書ã‘ã‚‹ã‘ã©ã€ 具体的ã«ãªã«ã—ã¦ã‚‹ã®ã‹ã‚ˆãã‚ã‹ã‚“ããƒ¼ã‚ˆï¼ ã£ã¦æ€ã£ãŸã®ã§ã€ ã¾ãšã€ã“ã®çŸã„コードã‹ã‚‰è€ƒãˆã¦ã„ããŸã„。 var gulp = require(
gulpプラグインã®åŸºæœ¬æ§‹é€ （プラグイン開発者å‘ã‘） - Qiita
プラグイン開発ã«é–¢ã™ã‚‹è©³ç´°ãªæƒ…å ±ã¯gulpã®å…¬å¼ãƒ‰ã‚ュメントをå‚ç…§ã®ã“ã¨ã€‚ã¾ãŸã€é–‹ç™ºã—ãŸãƒ—ラグインを公開ã™ã‚‹å ´åˆã¯gulpå…¬å¼ã«ã‚ˆã‚‹ãƒ—ラグイン開発ガイドラインã¯å¿…èªï¼ˆMUST readã¨æ›¸ã‹ã‚Œã¦ã„る）。READMEè¦ç´„も見ã¦ãŠãã¨ã‚ˆã„。 （2014/2/9追記：プラグイン開発ガイドラインã®æ—¥æœ¬èªžè¨³ã‚’公開） ãªãŠã€gulpプラグインã¯node.jsパッケージã®ä¸€ç¨®ãªã®ã§ã€å…¬é–‹ã™ã‚‹éš›ã®æ‰‹é †ã‚„package.jsonã®è¨˜è¿°æ–¹æ³•ãªã©ã¯node.jsã®ãƒ‰ã‚ュメントをå‚ç…§ã®ã“ã¨ã€‚ gulpプラグインã®å®Ÿæ…‹ï¼ˆi.e. pipeã«æ¸¡ã™ã‚‚ã®ï¼‰ã¯node.jsã®Stream.Transformã®ã‚µãƒ–クラス Stream.Transformã¨ã¯ã€ã‚¹ãƒˆãƒªãƒ¼ãƒ ã‹ã‚‰ã®å…¥åŠ›ã‚’å—ã‘å–ã‚Šã€åŠ å·¥ã—ã€ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«å‡ºåŠ›ã™ã‚‹ã‚‚ã® Stream.Transformã®ã‚µãƒ–クラスを直接作ã£ã¦å®Ÿè£…ã—ã¦ã‚‚良ã„ãŒã€gulpプラグインã§ã¯Str
jspm ã§å¿«é© javascript 生活（クライアントサイド JS ã®ä¾å˜ç®¡ç†æ±ºå®šç‰ˆï¼‰ - Qiita
追記 config.js ã¯å¸¸ã«è‡ªå‹•ç”Ÿæˆã•ã‚Œã‚‹ã‚‚ã®ã ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€ãã®èªè˜ã¯èª¤ã‚Šã ã£ãŸã‚ˆã†ã§ã™ã€‚ ãã®ãŸã‚ã€jspm_packages 下ã§ã¯ãªãã€public ディレクトリã«è¨ç½®ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« ã¼ã㯠Web ã®æŠ€è¡“ãŒå¤§å¥½ã。 ã¯ã˜ã‚ã« HTML 書ã„ã¦ãƒ–ラウザã§è¦‹ãŸã‚‰è¡¨ç¤ºã•ã‚Œã¦æ„Ÿå‹•ã—ãŸã®ã‚’今ã§ã‚‚覚ãˆã¦ã‚‹ã€‚ ãã‚“ãªèª¿åã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ä»•äº‹ã«ã¤ã„ã¦ã€ãšã£ã¨ãã“らã¸ã‚“を書ã„ã¦ã‚‹ã‘ã©ã€ 最近ã®é–‹ç™ºã€ã‚ã‚“ã©ãã›ãƒ¼ã“ã¨å¤šããªã„ã§ã™ã‹ã€‚ AltJS ã ーã€React + JSX ã ー。ミニファイã ー。ä¾å˜ã®è§£æ±ºã ãƒ¼ï¼ ã‚‚ã¡ã‚ã‚“ã€å¿…è¦ãªã“ã¨ã ã—ã€ã‚¤ã‚±ã¦ã‚‹ã®ã‚‚ã‚ã‹ã‚‹ã‘ã©ã€é–‹ç™ºä¸ã«æ¯Žå›ž watch ã™ã‚“ã®ã‚‚ã‚ã‚“ã©ã„ã—...。ã¨æ€ã£ã¦ã„ãŸã€‚ 救世主 jspm 会社ã®äººãŒãªã«ã’ãªã紹介ã—ã¦ã„㟠jspm。 ビルドツールã¨ã‹ã®ã€Œé–‹ç™ºå…¨ä½“ãŒã‚レイã§æ¥½ã«ãªã‚Šã¾ã™ï¼ã€ã£ã¦ã„ã†ã®ãŒå¥½ããªã®ã§ã€è©¦
タスクランナーgulp.js最速入門 - id:anatooã®ãƒ–ãƒã‚°
相変ã‚らãšä»•äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚Šã¤ã¤JavaScript書ã„ã¦ã„る。 タスクランナーã¨ã—ã¦Grunt.jsを使ã£ã¦ã„ãŸã‘ã‚Œã©ã‚‚ã€ä½¿ã†ã†ã¡ã«æ®µã€…ä¸æº€ãŒã§ã¦ããŸã€‚é…ã‹ã£ãŸã‚Šã€è¨˜è¿°ãŒå†—é•·ã«ãªã‚ŠãŒã¡ã§ã¤ã‚‰ã‹ã£ãŸã®ã§æœ€è¿‘ã«ãªã£ã¦gulpã«ä¹—ã‚Šæ›ãˆãŸã€‚ gulpã¯è‰¯ã„。タスクã¯è‡ªå‹•çš„ã«ä¸¦åˆ—ã«å®Ÿè¡Œã•ã‚Œã€ã‹ã¤ã‚¹ãƒˆãƒªãƒ¼ãƒ ã§å‡¦ç†ã•ã‚Œã‚‹ã®ã§é€Ÿã„ã—ã€ã‚¿ã‚¹ã‚¯ã®è¨˜è¿°ã‚‚ストリームベースã®æ›¸ãæ–¹ã®ãŠã‹ã’ã§Grunt.jsã«æ¯”ã¹ã‚‹ã¨ã ã„ã¶çŸããªã‚‹ã€‚ ãŸã ã€ãã“らã«ã‚ã‚‹gulpã‚’ã¡ã‚‡ã£ã¨è©¦ã—ãŸã ã‘ã®æ—¥æœ¬èªžã®è¨˜äº‹ã‚„ドã‚ュメントをã¿ã¦ã¦ã‚‚実際ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã¾ã§ã®çŸ¥è˜ã‚’得られãšå¦ç¿’ã«ä¸€æ—¥ã‹ã‹ã£ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€gulpã‚’ã¾ã¨ã‚‚ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã«å¿…è¦ãªçŸ¥è˜ã‚’書ã。 å°Žå…¥ã¨HelloWorld ã¾ãšã¯å°Žå…¥ã€‚npmã‹ã‚‰gulpをインストールã™ã‚‹ã€‚ $ npm install gulp -g $ gulp -v [gu
gulpã§sassをコンパイルã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作る - yutaponã®ãƒ–ãƒã‚°
何番煎ã˜ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€gulpを使ã£ã¦ã¿ãŸã‚‰ä¸ã€…良ã‹ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ gulp.jsã¨ã¯ gulp.js ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã£ã¦ã‚„ã¤ã§ã™ã€‚ åŒã˜ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®ç«¶åˆã« Grunt ãŒã‚ã‚Šã¾ã™ãŒã€å¾Œç™ºã ã‘ã‚ã£ã¦ã‚¹ãƒˆãƒªãƒ¼ãƒ を駆使ã—ã¦å¯èªæ€§ã®è‰¯ã„è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãŒæ›¸ã‘ã¾ã™ã€‚ Gruntã§ã§ãã‚‹ã“ã¨ã¯å¤§ä½“gulpã§ã‚‚ã§ãã‚‹ã®ã§ã€ã©ã¡ã‚‰ã‚’使ã£ãŸã‚‰è‰¯ã„ã‹ã¯å¥½ã¿ã®å•é¡Œã‹ã‚‚知れã¾ã›ã‚“。 ã“ã®è¨˜äº‹ã§ã¯sassã®ã‚³ãƒ³ãƒ‘イルをã™ã‚‹ã‚¿ã‚¹ã‚¯ã¨ã€é–¢é€£ã—ã¦ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスを自動ã§ä»˜ä¸Žã™ã‚‹ã¨ã“ã‚ã¾ã§ç´¹ä»‹ã—ã¾ã™ã€‚ gulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npmコマンドã§ã‚µã‚¯ãƒƒã¨å…¥ã‚Œã¾ã™ã€‚ $ npm install -g gulp ã“ã‚Œã§gulpコマンドãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ gulpã§sassã®ã‚³ãƒ³ãƒ‘イルをã™ã‚‹ gulpã§sassをコンパイルã™ã‚‹ã®ã«ã€ã“ã¡ã‚‰ã®ãƒ—ラグインを使ã„ã¾ã™ã€‚ gulp-ruby-
gulpfile スタイルガイド - v0.5.0 - Qiita
ã“ã®ãƒ‰ã‚ュメントã¯ã€gulpfileã®å†åˆ©ç”¨æ€§/メンテナンス性を高ã‚ã‚‹ã“ã¨ã‚’目的ã¨ã—ãŸã€éžå…¬å¼ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã™ã€‚ æ›´æ–°æƒ…å ± 2014/10/05 - ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ã¤ã‘ã¾ã—ãŸã€‚ 2014/10/04 - 「タスク辞書ã€ã‚らãŸã‚「タスクã®å…±æœ‰ã€ã«ã€‚以å‰ã®å†…容ã¯gulpfilesã¨ã—ã¦åˆ¥ãƒ‰ã‚ュメントã«ã€‚ ã¯ã˜ã‚ã« gulpfileã¯gulp.jsã®ã‚¿ã‚¹ã‚¯ã‚’定義ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚スクリプトファイルãªã®ã§è‡ªç”±ã«æ›¸ã‘ã‚‹åé¢ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå¤§ãããªã‚‹ã¨ã€æ›¸å¼ã‚’統一ãŒå•é¡Œã«ãªã‚Šã¾ã™ã€‚ãã‚“ãªæ™‚ã€ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒå½¹ã«ç«‹ã¤ã§ã—ょã†ã€‚対象ã¨ãªã‚‹ã®ã¯æ¬¡ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã§ã™ã€‚ gulp.js ã«æ…£ã‚Œã¦æ¥ã¦ã€å†åˆ©ç”¨æ€§ã®ã‚るタスクを書ããŸã„ ãƒãƒ¼ãƒ ã§é‹ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã€æ›¸å¼ã‚’統一ã—ãŸã„ スタイルガイドã¨ã—ã¦ã€ä¸‹è¨˜ã‚’å‚考ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ã“ã“ã§è¿°ã¹ãªã„ JavaScript / CoffeeScript ã®è¨€èªžã¨
Gruntfile.js ãŒé•·ã™ãŽã¦ã¤ã‚‰ã„人㯠gulp を使ã£ã¦ã¿ã‚ˆã† - Qiita
Gruntfile.js ã¯å¸¸ã€…é•·ã™ãŽã‚‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚複数ファイルã«åˆ†å‰²ã—よã†ãŒé•·ã„ã‚‚ã®ã¯é•·ã„ã§ã™ã€‚ 最近ã€å¾Œç™ºã® gulp ã¨ã„ã†ã‚‚ã®ã‚’見ã¤ã‘ã¦ä½¿ã£ã¦ã¿ã¦ã„ã¾ã™ãŒã€ã„ã„æ„Ÿã˜ã§ã™ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãŒçŸã書ã‘る上ã«ã€é€Ÿã„ã§ã™ã€‚ 先日 Grunt 入門ã®è¨˜äº‹ã€ŒWeb デザイナーã•ã‚“å‘ã‘ Grunt を使ã£ãŸ コーディング作æ¥ã®åŠ¹çŽ‡åŒ–ã€ã¯ã˜ã‚ã®ä¸€æ©ã€ã‚’èªã‚“ã§ã€ä¾‹ã® Gruntfile.js ã¨åŒç‰ã®å†…容を gulp ã§æ›¸ã„ãŸã‚‰ã©ã†ãªã‚‹ã‹ãªã¨æ€ã£ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ サンプルファイルå«ã‚ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå…¨ä½“ gulpfile.js ã ã‘ 67 è¡Œã‹ã‚‰ 29 è¡Œã«ã€‚ç´„åŠæ¸›ã§ã™ã€‚ã¾ãŸã€çŸããªã£ãŸã ã‘ã§ã¯ãªãã€å‡¦ç†ã®æµã‚ŒãŒã‚ã‹ã‚Šã‚„ã™ããªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ var gulp = require('gulp'); var concat = require('gulp-concat'); var prefix
gulp.jsã§Web開発環境をã¤ãã‚‹ - Qiita
var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var browserSync = require('browser-sync'); var rimraf = require('rimraf'); var runSequence = require('run-sequence'); gulp.task('jshint', function () { return gulp.src('src/scripts/**/*.js') .pipe($.jshint()) .pipe($.jshint.reporter('jshint-stylish')); }); gulp.task('image', function () { return gulp.src('src/images/**/*') .pipe($
gulpã®ã€ŒWriting a Plugin - Guidlineã€æ—¥æœ¬èªžç‰ˆ - Qiita
gulpプラグインã®é–‹ç™ºè€…å‘ã‘ドã‚ュメントã®ä¸ã§ã€MUST Readã¨ãªã£ã¦ã„るガイドラインを日本語ã«ç¿»è¨³ã—ã¾ã—ãŸã€‚オリジナルã®æ–‡æ›¸ã¯ã“ã¡ã‚‰Guidelinesã§ã™ã€‚ 権利者ã®è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ï¼†å…¬é–‹ã—ã¾ã™ã€‚オリジナルã¨åŒã˜ãƒ©ã‚¤ã‚»ãƒ³ã‚¹CC0ã§ã™ã€‚ã¾ãŸã€æœ«å°¾ã«ç¿»è¨³ã®æ›´æ–°è¨˜éŒ²ã‚’掲載ã—ã¦ã‚ã‚Šã¾ã™ã€‚誤訳ãªã©ã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§æŒ‡æ‘˜ã—ã¦ãã ã•ã„。よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ガイドライン ã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯å¼·åˆ¶ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã®ãƒ—ラグイン開発者ãŒå¾“ã†ã‚ˆã† å¼·ã 奨励ã—ã¾ã™ã€‚質ã®æ‚ªã„プラグインãªã©èª°ã‚‚使ã„ãŸããªã„ã§ã—ょã†ã€‚ã¾ãŸã“ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯é–‹ç™ºè€…ãŒgulpã¨ç›¸æ€§ã®ã„ã„プラグインを書ã手助ã‘ã«ãªã‚‹ã¯ãšã§ã™ã€‚ Writing a Plugin > ガイドライン æ—¢å˜ã®nodeモジュールを使ã£ã¦å®¹æ˜“ã«å‡ºæ¥ã‚‹ã“ã¨ã‚’プラグイン化ã™ã¹ãã§ãªã„ ラッピングã§ãã‚‹ã‹ã‚‰ã¨ã„ã£ã¦å…¨éƒ¨ãƒ©ãƒƒãƒ”ングã—ã¦ã—ã¾ã†ã¨ã€ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ç„¡
Gruntã¨gulp.jsã§ã‚µã‚¤ãƒˆãƒ‘フォーマンスをå‘上ã•ã›ã‚‹ - ワザノム| wazanova
@yosuke_furukawaã•ã‚“ãŒtweetã—ã¦ã„ãŸã‚µã‚¤ãƒˆãƒ‘フォーマンスã«é–¢é€£ã™ã‚‹ Gruntã¨gulp.js ã®ã‚¿ã‚¹ã‚¯ä¸€è¦§ã§ã™ã€‚確ã‹ã«ã‚ˆã„ã¾ã¨ã‚ãªã®ã§ã€ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ Gruntã¨Gulpã«ã¯ã€ç”»åƒã®æœ€é©åŒ–ã€HTML/CSS/JavaScriptファイルã®çµåˆ & 圧縮をã™ã‚‹ã‚¿ã‚¹ã‚¯ãŒã‚ã‚‹ã®ã§ã€ã¾ãšãã¡ã‚‰ã‚’ベースラインã¨ã—ã¦åˆ©ç”¨ã•ã‚ŒãŸã—。 1) ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸® & 最é©åŒ– webページã¯å¹³å‡1.5MBã§ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤šãã‚’å ã‚る。モãƒã‚¤ãƒ«ã§160KBã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã™ã‚‹ã¨ç›´å¸°çŽ‡ãŒ12%悪化ã™ãˆã‚‹ã¨ã„ã†Etsyã®ãƒ‡ãƒ¼ã‚¿ãŒã‚り。 Grunt grunt-contrib-imagemin grunt-imageoptim (OSXã®ã¿ï¼‰ 二ã¤ã®ã‚¿ã‚¹ã‚¯ã®ã©ã¡ã‚‰ã‚’é¸ã¶ã‹ã¯ã€ã“ã¡ã‚‰ã®æ¯”較表 ã§ç¢ºèªã—ã¦ãã ã•ã„。 Gulp gulp-imagemin 3/4/2014時点ã§ã¯Image
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - chalk/chalk: 🖠Terminal string styling done right
re-dzine.net situs togel online toto 2023 -
{{#tags}}- {{label}}
{{/tags}}