[B! sprockets] tsuwatchã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tsuwatch id:tsuwatch

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

webpackã§ä½œã‚‹Sprocketsç„¡ã—ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º - ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ï¼12æœˆã«åä¾›ãŒç”Ÿã¾ã‚ŒãŸã°ã‹ã‚Šã®éˆ´æœ¨( @suzan2go ) ã§ã™ã€‚ç¾åœ¨ã¯é€±2~3æ—¥ãƒªãƒ¢ãƒ¼ãƒˆã§åä¾›ã®æˆé•·ã‚’ç‰‡ç›®ã«ã¿ã¤ã¤ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ã†ã¡ã®åã¯ã‚¬ãƒ©ãƒ”ã‚³ã·ã€œãŒãŠæ°—ã«å…¥ã‚Šã§ã™ã€‚ ã•ã¦ä»Šå›žã¯Railsã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¤ã„ã¦ã§ã™ã€‚ æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é€²åŒ–ã¯ã‚ã¾ãã‚‹ã—ãã€Railsæ¨™æº–ã®Sprocketsã¨ã„ã†gemã§JavaScriptã‚„CSSã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ä»•çµ„ã¿ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªè¦æœ›ã«ç”ãˆã‚‰ã‚Œãªããªã£ã¦ãã¦ã„ã¾ã™ã€‚*1 ECMAScript6ã§æ›¸ããŸã„ï¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç®¡ç†ã«npmã‚’ä½¿ã„ãŸã„ï¼ ã§ã€ä¸Šè¨˜ã«å¯¾å¿œã™ã‚‹ã«ã¯ãŠãŠã¾ã‹ã«åˆ†é¡žã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ browserify-rails ã‚’ä½¿ã† github.com ã“ã‚ŒãŒä¸€ç•ªå°Žå…¥ãŒç°¡å˜ã§ã™ã—ã€æ—¢å˜ã®Railsã‚¢ãƒ—ãƒªã«çªã£è¾¼ã‚€ãªã‚‰ã“ã‚ŒãŒé¸æŠžè‚¢ã¨ã—ã¦ã¯æ‰‹å …ã„ã¨æ€ã„ã¾ã™ã€‚ ãŸã é–‹ç™ºä¸ã®ãƒ“ãƒ«ãƒ‰ãŒã‚
tsuwatch 2016/06/03
Ruby on Rails

sprockets

browserify

webpack
ãƒªãƒ³ã‚¯
Railsã®Asset Pipelineã¨Precompileã‚’Node.jsã®ã¿ã§å‡¦ç†ã§ãã‚‹gulp-sprocketsã‚’ä½œã£ãŸ - yo_waka's blog
Railsã®Asset Pipelineã¨Precompileã‚’Node.jsã®ã¿ã§å‡¦ç†ã§ãã‚‹gulp-sprocketsã‚’ä½œã£ãŸ ä»•äº‹ã§ã¯Railsã‚¢ãƒ—ãƒªã‚’æ›¸ã„ã¦ã„ã¦ã€JSã‚„CSSãªã©ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯Railsã®Asset Pipelineã®ä»•çµ„ã¿ã«å‰‡ã£ã¦ãƒ“ãƒ«ãƒ‰ã—ã¦ã‚‹ã€‚ æ™®é€šã«Railsã‚¢ãƒ—ãƒªä½œã£ã¦ã‚‹ã¨æ™®æ®µSprocketsã«ã¤ã„ã¦ç‰¹ã«æ„è˜ã—ãªã„ã¨æ€ã†ã€‚ Sprocketsã¯ãã“ãŒå‡„ãã¦ã€ã‚ã¾ã‚Šè€ƒãˆãªãã¦ã‚‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé€šã‚Šã«ã‚„ã£ã¦ã‚Œã°ã€å¿…è¦ãªAssetã‚’çµåˆã§ãã¦ã€ãƒªãƒªãƒ¼ã‚¹æ™‚ã¯å¤‰æ›´ãŒãªã‘ã‚Œã°ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‹ã‚‰ã€å¤‰æ›´ãŒã‚ã‚Œã° æ–°ã—ãèªã¿è¾¼ã¾ã‚Œã‚‹ã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ãã‚Œã‚‹ã€‚ ãªã‚“ã ã‘ã©ã€ã‚‚ã†ãã‚ãã‚æ–°ã—ã„æ©Ÿèƒ½ã¯ES2015ã§æ›¸ããŸã„ã‚ˆãã¨ã„ã†äººãŒå¢—ãˆã¦ããŸã€‚ ã¨ã¯ã„ãˆSprocketsã¯ç‹¬è‡ªã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ä»¥å¤–ã¯ä½¿ãˆãªãã¦ã€SprocketsWayã‹ã‚‰å¤–ã‚Œã‚‹ã¨é€”ç«¯ã«è„†ã„ã€‚ ES2015
tsuwatch 2015/11/27
Ruby on Rails

sprockets

gulp
ãƒªãƒ³ã‚¯
ä¿ºã®æœ€è¿‘ã®Railsã®JSé–‹ç™ºç’°å¢ƒã‚’æ•™ãˆã¦ã‚„ã‚‹ - Qiita
ã“ã†ã‚„ã£ã¦ã‚‹ã ã‘ã§ã‚‚å‡ºåŠ›ã•ã‚ŒãŸhtmlã«ã¯scriptã‚¿ã‚°ãŒ30å€‹ãã‚‰ã„ãªã‚‰ã‚“ã§ã¦ã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã«10secä»¥ä¸Šã‹ã‹ã‚‹ã€‚ ã ã‘ã©ã€å˜ã«app/assets/javascriptsã‚’gulp watchã¨ã‹ã¯ã—ãŸããªã„ã€‚ ãªãœãªã‚‰ãƒ“ãƒ«ãƒ‰ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªãƒãƒ¼ãƒ‰æ™‚ã«å¤‰æ›´ãŒã‚ã‚‹å ´åˆã ã‘ã—ã¦æ¬²ã—ã‹ã£ãŸã€‚ ã‚ã¨window.AppNamespaceä»¥ä¸‹ã«ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«è¿½åŠ ã—ã¦ã„ãã®ã‚‚è¾›ã„ã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒå£«ã®ä¾å˜é–¢ä¿‚ã‚‚ã‚ˆãã‚ã‹ã‚“ãªã„ã—ã€ä½•ã‚ˆã‚Šwindow.AppNamespace.Modules.UserList.It emViewã¨ã‹é•·ã™ãŽï¼ browserify-railsã£ã¦ã‚„ã¤ä½¿ã£ã¦ã¿ãŸ browserifyãŒrailsã®ä»•çµ„ã¿ã®ä¸ã§å‹•ãã‚ˆã†ã«ãªã‚‹ã€‚ browserify-rails/browserify-rails https://github.com/browserify-rails/brows
tsuwatch 2015/06/24
å›°ã£ã¦ãŸã—ã“ã‚Œä½¿ã†

Ruby on Rails

browserify

sprockets
ãƒªãƒ³ã‚¯
Rails + React + ES6 ã®ãŸã‚ã®ã‚¢ã‚»ãƒƒãƒˆç’°å¢ƒæ§‹ç¯‰ - ç ´ã„ã¦æ¨ã¦ãŸãƒŽãƒ¼ãƒˆ
çµè«– Sprocketsã®å‹•ä½œã‚’ç¶æŒã—ã¤ã¤ã€npmã‚„gulpãªã©ã®ãƒ¢ãƒ€ãƒ³ãªãƒ‘ãƒ¯ãƒ¼ã‚‚å–ã‚Šå…¥ã‚ŒãŸã€ã„ã„ã¨ã“ã©ã‚Šãªç’°å¢ƒã‚’æ§‹ç¯‰ã—ã¦ã¿ãŸã€‚ ã‚„ã‚ŠãŸã„ã“ã¨ SEOã®ãŸã‚ã€Reactã§server-side renderingã‚’ã—ãŸã„ JSã‚³ãƒ¼ãƒ‰ã‚’ES6ã§è¨˜è¿°ã—ãŸã„ æ—¢å˜ã®CoffeeScriptã®ã‚³ãƒ¼ãƒ‰ã‚‚å…±å˜ã•ã›ãŸã„ï¼ˆå¾Œã»ã©æ›¸ãæ›ãˆã‚‹äºˆå®šï¼‰ npmã‚„gulpã¨ã„ã£ãŸãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã§ã‚¢ã‚»ãƒƒãƒˆç®¡ç†ã‚’ã—ãŸã„ browserifyã‚’ä½¿ã„ãŸã„ SprocketsãŒå®Ÿç¾ã—ã¦ã„ã‚‹æ©Ÿèƒ½ã¯ç¶æŒã—ãŸã„ ãã‚‚ãã‚‚Sprocketsã¯ä½•ã‚’ã—ã¦ã„ã‚‹ã‹ å‘¨çŸ¥ã®ã“ã¨ã§ã—ã‚‡ã†ãŒå¿µã®ãŸã‚ãŠã•ã‚‰ã„ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«æ¯Žã®ä¾å˜é–¢ä¿‚ã®ç®¡ç† application.jsãªã©ã®ãƒžãƒ‹ãƒ¥ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ãŒã‚„ã£ã¦ã‚‹ã“ã¨ altJSã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« ã‚¢ã‚»ãƒƒãƒˆã®minify ã‚¢ã‚»ãƒƒãƒˆã®é€£çµ ã‚¢ã‚»ãƒƒãƒˆãƒ•ã‚¡ã‚¤ãƒ«åã«MD5ãƒ•ã‚£ãƒ³ã‚¬ãƒ¼ãƒ—ãƒªãƒ³ãƒˆã‚’æŒ¿å…¥ Sprocketsã®å•é¡Œç‚¹
tsuwatch 2015/06/01
Ruby on Rails

React.js

gulp

sprockets

Babel
ãƒªãƒ³ã‚¯
Throw away Sprockets!!
Sprocketsã‚’Node.jsã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã§ç½®ãæ›ãˆã¦Railsã¨çµ„ã¿åˆã‚ã›ã‚‹è©±
tsuwatch 2014/09/21
sprocketsã‚’Node.jsã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã‚‹è©±ï¼Žãšã£ã¨æ°—ã«ãªã£ã¦ãŸ

Ruby on Rails

sprockets
ãƒªãƒ³ã‚¯
1