Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ã¿ãªãããgulp 㧠eslint ã«ããã³ã¼ã ãã§ãã¯ã®èªååãã£ã¦ã¾ããï¼ ããã¸ã§ã¯ãã§éçºè ã«ãã£ã¦ã³ã¼ãã®æ¸ãæ¹ã«ã°ãã¤ããåºãããã¹ã¿ã¤ã«ãå ±éåãããã¨ãã話ãããã¾ãããã ç§ã®å ´åã¯ãgulp ã¨ã grunt ã¨ãã§ã®ç°å¢ã¥ããã«ç©æ¥µçã«ãªãã¦ãªãã£ãã®ã§ãããèªåãæ±ãã¦ãã GitHub ã®ãªã¼ãã³ã½ã¼ã¹ ããã¸ã§ã¯ãã«ã¦ããã¹ã¿ã¤ã«ãå ±éåãããªã grunt ã gulp ã使ãããï¼ãã¨æµ·å¤ãããã³ã·ã§ã³é«ãã«æå¿ã®ã³ã¡ã³ããããã£ãã®ã§ãç¦ã£ã¦æ©éãã£ã¦ã¿ãéè¨ã§ãã ã¾ãã« GitHub ã®ééå³ã§ããã â»ã¡ããã©æè¿ JSX ã®ã³ã³ãã¤ã«ã®ããã« gulp ã使ãåºããã®ã§ãä»åã gulp ã§ç°å¢ãä½ã£ã¦ã¿ã¾ããã 以ä¸ãæ¬è¨äºã®ã´ã¼ã«ã§ãã è²¢ç®ãã¦ãããéçºè ãã¹ã¿ã¤ã«ã¬ã¤ããè¦ãªãã¦ãããã㪠JavaScript ãæ¸ããç°å¢ãå ±æããï¼
Parcelify Add css to your npm modules consumed with browserify. Just add a style key to your package.json to specify the package's css file(s). Efficiently transform scss / less to css, etc. using transform streams. Rebuild css bundles automatically on changes in watch mode. Leverage a robust API to create larger build tools like cartero. Many thanks to James Halliday for his help and guidance in
2æ18æ¥ã«npmã®ããã°ã«ãThe npm Blog â Welcome, jQuery developers!ãã¨ããè¨äºãæ稿ããã¾ããã The jQuery Plugin Registryã¯ãã§ã«èªã¿åãå°ç¨ã¨åãã¦ããã®ã§ãnpmã¯jQueryã³ãã¥ããã£ã®ãµãã¼ããéå§ããã¨ããå 容ã§ãããã¤ã¾ãnpmã¯jQueryãã©ã°ã¤ã³ã®å ¬éã«ãåãå ¥ãã¦ããã¨ãããã¨ã§ãã ãã®è¨äºã«ç¶ãã¦jQueryãã©ã°ã¤ã³ã®å ¬éæ¹æ³ã使ç¨æ¹æ³ãéçºæ¹æ³ãªã©ã®è¨äºãç¶ã ã¨æ稿ããã¾ãããjQueryãã©ã°ã¤ã³ãã¾ã ã¾ã è¦æ¨ã¦ããã¦ããªãã¨ãããã¨ãä¿¡ãã¦ãä»åã¯npmã§å ¬éããã¦ããjQueryãã©ã°ã¤ã³ã®ä½¿ãæ¹ã«ã¤ãã¦ç´¹ä»ãã¾ãã ããã«npmã®ããã°ã§2æ25æ¥ã«æ稿ããããThe npm Blog â Using jQuery plugins with npmãã¨ããè¨äºã§ã¯ããnpmã§j
æ¦è¦ ã¯ã©ã¤ã¢ã³ããµã¤ãã®ããã±ã¼ã¸ç®¡çã¯ï¼bower ãã npm ã«ç§»ããæ¹ãè¯ããããï¼npm 管çã® JavaScript ããã±ã¼ã¸ã¯ï¼Browserify ã使ãã°ã¤ã³ãã¼ãã§ããï¼ã§ã¯ï¼CSS ã¯ã©ããã£ã¦ã¤ã³ãã¼ãããã°è¯ãã®ãï¼ä¾ãã°ï¼bootstrap ã npm ã§ã¤ã³ã¹ãã¼ã«ã㦠bundle.css ã«åãè¾¼ãã«ã¯ã©ãããã°è¯ãã®ãï¼èª¿ã¹ãçµæãã¾ã¨ããï¼ åæ ã¿ã¹ã¯ã©ã³ãã¼ã¨ã㦠Gulp ã使ãï¼ã¾ãï¼åããã±ã¼ã¸ã®ãã©ã«ãæ§æã«ä¾åããªãæ¹æ³ãæ¢ãï¼ã¾ãï¼ä¸è¨ã®ä¾ã§ã¯ bootstrap ã使ç¨ãã¦ãããï¼ npm i --save bootstrap ã«ã¦ã¤ã³ã¹ãã¼ã«æ¸ã¿ã¨ããï¼ Parcelify ã使ã JavaScript ã®ã¤ã³ãã¼ãã« Browserify ã使ãå ´åï¼ãã©ã°ã¤ã³ã®ä¸ã¤ã§ãã Parcelify ã®å©ç¨ã¯ã¡ã¸ã£ã¼ãªæ¹æ³ã ããï¼é
ãBootstrapããå©ç¨ãããµã¤ãã製ä½ããããã«ããBootstrap for Sassãã¨ãNode.jsï¼npmï¼ãããbowerãããgulpããç¨ãã¦éçºç°å¢ãæ§ç¯ããããã®ãã³ãã¬ã¼ããä½æãã¦ããããã¨æãã¾ãã åç´ã«ãSassãã®å°å ¥ã ãã§ãååã«ä¾¿å©ã«ãªããã¨ã¯ééãããã¾ããããããå°ãè¸ã¿è¾¼ãã§ãgulpãã®å°å ¥ã¾ã§é²ãã¦ããã¨ããã³ãã¼ãã¬ãã£ãã¯ã¹ã®ä»ä¸ããã¡ã¤ã«ã®å§ç¸®ã»ãããã¡ã¤ãªã©ã¾ã§èªåã§å®äºããããã¨ãã§ããã®ã§ããã®æ©ä¼ã«ã¾ã¨ãã¦å°å ¥ãèãã¦ã¿ã¦ã¯ããã®ã§ã¯ãªãã§ããããã ä»åã¯ããnpmãããbowerããããã¦ãgulpããç¨ãããã¨ã§ãBootstrap for Sassããå§ãããããããªç°å¢ãæ§ç¯ãã¾ããgulpãã®ãã¿ã¹ã¯ããªã©ããããã¦å ¬éããç´°ããã¨ããã¯ã¨ãããã¨ãã¦ãã¨ãããããµã¤ãã便å©ã«è£½ä½ã§ãããã¨ããå°ç¹ã«ã¾ã§ãæ¡å ã
飽ããã®ã§éä¸ã§æ²è¼ã ã¯ããã« gulpã®ä½¿ãæ¹ã¨è¨ã話ãåºã¦ããæã«ä»¥ä¸ã®ï¼ã¤ã®å ´åãããã gulp(plugin)ã®ä½¿ãæ¹ gulp(plugin)ã®ä½ãæ¹ å¤§æµã¯åè ã§ãåè ã¯ã¨ã¦ãç°¡åã gulp(plugin)ã®ä½¿ãæ¹ ä»¥ä¸ã®ãããªã·ã§ã«ã¹ã¯ãªããã®ã³ãã³ããã¤ã¡ã¼ã¸ãã¦ã¿ãã°è¯ãã $ src | foo -v | bar -x | boo -y | dst ãããjsã§è¡ãªã£ã¦ããã®ãgulpã以ä¸ã®ããã«æ¸ãã¨æãã°è¯ãã gulp.src("./src/*.js") .pipe(foo({"v-flag": true})) .pipe(bar({"x": true}) .pipe(boo({"y": true}) .pipe(gulp.dst("./dist")); ãã ãgulpã®pluginã¯å®éã«å®è¡ãããaction(ããã¯ä¾¿å®çãªå¼ã³æ¹)ã§ã¯ãªããactio
å 人ãã¡ã1å¹´åã«éã£ãéã§ããããããã¾ããããã£ã¦è©±ãªãã§ãããåºæ¬çã«ä»¥ä¸ã®è¨äºèªãã ãåããã¾ããè¦ã¯Gulpã¨ãGruntã¨ãã£ãã¢ã使ããã«npm run hogehogeã§ãã«ãããã¼ãã£ã¦è©±ã§ãã task automation with npm run ãªã¬çGruntã«å¯¾ããææ°ã®æ°æã¡ - from scratch Node - npm ã§ä¾åãã¿ã¹ã¯ãä¸å åãã How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
JavaScriptçã®ããªã¼ããã¿ã¼ãã¨ãBrowserifyããæè¿å æ°ã§ãããNode.jsç㪠var myModule = require('myModule')å¼ã®è¨è¿°ãããã©ã¦ã¶ã®ã¹ã¯ãªããã§ã使ããããã«ãªã£ã¦ãã¤ãã§ã«1ãã¡ã¤ã«ã«ã¾ã¨ããã®ããã£ã¦ããããã¼ã«ã§ãããã¹ãRequireJSã¨ãã¦æå¾ ããã¦ãã¾ãã ãã ãå ¬å¼ããã¥ã¡ã³ããã³ãã³ãã©ã¤ã³ã®èª¬æã«éç¹ãç½®ãã¦ãã¦ãæåããã ãã ã¨ãã¾ãã¡åããã«ãã...ãããã§ãå®éã®éçºã§ä½¿ããããããã«ããã«ããã¼ã«(gulp.js)ããå®è¡ããããã®æå°æ§æãä½ã£ã¦ã¿ãããã¨æãã¾ãã(Gruntã§ãåæ§ã®ãã¨ã¯å¯è½ã§ã) require!: Bowerã使ãã¾ã 対象ã®ã¹ã¯ãªããã®ä¸èº«ã¯ãä¾ãã°ãããªæãããã®ä¾ã§ã¯ãModernizrã¨jQueryã¨ãç¬èªã¹ã¯ãªãããçµã¿è¾¼ãã§ãã¾ããå¤é¨ãã¡ã¤ã«ãæå®ããã ãã§
Youtubeã¨Vimeoã®æ¤ç´¢çµæã®RSSãã¾ã¨ãã¦OPMLã§åå¾ã§ãããµã¤ããä½ã£ã | Web scratch ã§å ¬éãã Tech Video RSS Searcher ã¯browserifyã使ã£ã¦ä½ã£ãã®ã§ããã®è¾ºã®éçºããã¼ã«ã¤ãã¦ã®è¨äºã§ãã browserify ã£ã¦ä½? browserify ã¯Node.jsã¹ã¿ã¤ã«ã§æ¸ãããã¢ã¸ã¥ã¼ã«(CommonJS)ã ãã©ã¦ã¶ã§å©ç¨ã§ããããã«å¤æããã³ãã³ãã©ã¤ã³ãã¼ã«(Nodeã¢ã¸ã¥ã¼ã«)ã¨ãªã£ã¦ãã¾ãã åãnode.jsã®Core Modulesã®shimãç¨æããã¦ãã¦ã npmã§å ¬éããã¦ããnode.jsåãã®ã¢ã¸ã¥ã¼ã«ãä¸ç·ã«å¤æãã¦ãã©ã¦ã¶ã§åãããã¨ãåºæ¥ãããã«ãªã£ã¦ãã¾ãã(æ®éã« require ã§èªã¿ããã°åæã«å¤æããã¾ã) åççã«ç¡çã ã£ããå ¨ã¦ã®ã¢ã¸ã¥ã¼ã«ãåããããããªãã§ããã ãã®è¾ºã®äº
Web ãã©ã¦ã¶åãã® JavaScript ã§ã node.js ã node-webkit ã¿ããã« require ã§ä¾åã¢ã¸ã¥ã¼ã«ãèªã¿è¾¼ããã¨ãã Browserify ã試ãã¦ã¿ãã 2014/12/23: è¿½è¨ ãã®è¨äºã§æ¸ãã gulpfile.js ã«ã¯åé¡ãããã®ã§ç¶ã Browserify ã使ã£ã¦ã¿ã 2 - Source Map ã§ä¿®æ£ ãã®è¨äºã®ãµã³ãã«ã¨åããã®ã対象ãªã®ã§ GitHub ãªãã¸ããªã¸ã®ãªã³ã¯ã¯ã¿ã°ã§åãã¦ãã Browserify 㨠require HTML ããåç §ãã JavaScript éã«ä¾åãããå ´åãé常㯠HTML å´ã® script ã¿ã°ã®è¨è¿°é ã§èª¿æ´ãããä¾ãã° jQuery ãå©ç¨ããã¹ã¯ãªããããããªãããããå ã« jQuery ãèªã¿è¾¼ãå¿ è¦ãããããã®ããä¾åãå¢ãããã³ã« HTML å´ãä¿®æ£ããå¿ è¦ãããé¢åã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}