[B! rails][frontend] lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lizy id:lizy

railsã¨frontendã«é–¢ã™ã‚‹lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{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}}

ãƒ¡ãƒ³ãƒ†ä¸èƒ½ã«ãªã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã‚’ç«‹ã¦ç›´ã™è©± - ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @suusan2go ã§ã™ã€‚2017å¹´ã®10æœˆã¾ã§ã¯ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚¹ã«ç¤¾å“¡ã¨ã—ã¦å‚ç”»ã—ã¦ã„ã¾ã—ãŸãŒã€ç¾åœ¨ã¯ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã®æ”¹å–„ãƒ»æ”¯æ´ã‚’è¡Œã£ãŸã‚Šã€ã¡ã‚‡ã£ã¨ã ã‘Railsã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’æ‰‹ä¼ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ Railsã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’æ‰‹ä¼ã£ã¦ã„ã‚‹æ§˜å Sprocketsã‚’2=>3ã«ã‚ã’ã‚‹ã¨æ•°å€ãƒ¡ãƒ¢ãƒªæ¶ˆè²»å¢—ãˆã‚‹ã®ãªã‚“ãªã‚“ã ã‚ãªâ€” ã™ãƒ¼ã•ã‚“äºŒå· æ¬¡ã«å¤œé£²ã¿ã«ã„ã‘ã‚‹ã®ã¯8æœˆã”ã‚ã«ãªã‚Šã¾ã™ (@suusan2go) 2019å¹´5æœˆ7æ—¥ SprocketsãŒãƒ¡ãƒ¢ãƒªã‚’å¤§é‡ã«æ¶ˆè²»ã™ã‚‹å•é¡Œã€çµå±€ã‚ˆãã‚ã‹ã‚‰ã‚“ã‹ã£ãŸã®ã§ã€é¦¬é¹¿ã§ã‹ã„jsã‚’ç”Ÿæˆã™ã‚‹ js.erb ã‚’ãªã‚“ã¨ã‹ã—ãŸâ€” ã™ãƒ¼ã•ã‚“äºŒå· æ¬¡ã«å¤œé£²ã¿ã«ã„ã‘ã‚‹ã®ã¯8æœˆã”ã‚ã«ãªã‚Šã¾ã™ (@suusan2go) 2019å¹´5æœˆ17æ—¥ ä»Šå›žã¯ã€ã‚ã‹ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ãªããªã‚Šç„¡äººåŒ–ã—ã¦ã—ã¾ã„ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ä¸èƒ½ã«ãªã£
lizy 2019/05/28
frontend

rails

webpack

vue.js
ãƒªãƒ³ã‚¯
Railsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã®ãƒ¢ãƒ€ãƒ³åŒ–
freeeã®ä¾¡å€¤åŸºæº–ã®ä¸€ã¤ã§ã‚ã‚‹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã€Œæœ¬è³ªçš„ï¼ˆãƒžã‚¸ï¼‰ã§ä¾¡å€¤ã‚ã‚‹ã€ã‚‚ã®ã‚’å±Šã‘ã‚‹ã¨ã„ã†ã“ã¨ã€‚æœ¬é€£è¼‰ã§ã¯ãã‚Œã«å‘ã‹ã£ã¦ã€æ—¥ã€…æŒ‘æˆ¦ã‚’ç¶šã‘ã‚‹é–‹ç™ºç¾å ´ã®äº‹ä¾‹ã‚’ãŠä¼ãˆã—ã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ã€freeeã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã®æ”¹å–„ã¸ã®å–ã‚Šçµ„ã¿ã§ã‚ã‚‹ã€Ruby on Railsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã®ãƒ¢ãƒ€ãƒ³åŒ–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚Rails5.0ä»¥å‰ã®æ¨™æº–çš„ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰åŸºç›¤ã§ã‚ã‚‹Sprocketsã‚¢ã‚»ãƒƒãƒˆãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³ãŒã‚‚ãŸã‚‰ã—ãŸå•é¡Œã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã¨ã¨ã‚‚ã«ã€ãã®ä»•çµ„ã¿ã«ä¾å˜ã—ã¦æˆé•·ã—ã¦ããŸãƒ—ãƒãƒ€ã‚¯ãƒˆãŒã„ã‹ã«ã—ã¦Sprocketsã¸ã®ä¾å˜ã‚’æ–ã¡åˆ‡ã£ãŸã‹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å¯¾è±¡èªè€… Ruby on Rails 5.0ä»¥å‰ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã€npmã«ã‚ˆã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã‚„webpackãªã©ã«ã‚ˆã‚‹ãƒ“ãƒ«ãƒ‰ã‚’è¡Œã„ãŸã„ã®ã«ãã‚ŒãŒãªã‹ãªã‹å®Ÿç¾ã§ããšã«å›°ã£ã¦ã„ã‚‹æ–¹
lizy 2018/02/02
rails

frontend

sprockets

javascript
ãƒªãƒ³ã‚¯
Webpackerã¸ã®ç§»è¡Œã‚’æ©Ÿã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’æ”¹å–„ - ãƒ¡ãƒ‰ãƒ”ã‚¢é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ¡ãƒ‰ãƒ”ã‚¢ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹æ‘ä¸Š(pipopotamasu Â· GitHub)ã§ã™ã€‚ æ™®æ®µã¯Railsã‚’è§¦ã£ã¦ã„ã¾ã™ãŒã€æ™‚ã€…ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®é–‹ç™ºã‚‚ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãƒ¡ãƒ‰ãƒ”ã‚¢ã®ç’°å¢ƒã«ãŠã‘ã‚‹Webpackerå°Žå…¥ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã®æ”¹å–„ã‚’ãƒ†ãƒ¼ãƒžã«è¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚ ç›®æ¬¡ ãªãœWebpacker(Webpack)ã‚’å°Žå…¥ã™ã‚‹ã®ã‹? ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ”¹å–„è¨ˆç”» Webpackerã®å°Žå…¥ã§æ°—ã‚’ã¤ã‘ãŸã“ã¨ github.com ãªãœWebpacker(Webpack)ã‚’å°Žå…¥ã™ã‚‹ã®ã‹? Webpackerã‚’å°Žå…¥ã™ã‚‹èƒŒæ™¯ã¨ã—ã¦ã€ä¸»ã«2ã¤ã®èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ JavaScriptã®ãƒ“ãƒ«ãƒ‰æ™‚é–“ãŒé•·ã„ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãŒã§ããªã„ JavaScriptã®ãƒ“ãƒ«ãƒ‰æ™‚é–“ãŒé•·ã„ å…ƒã€…ãƒ¡ãƒ‰ãƒ”ã‚¢ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦Browserifyã¨ã„ã†bundlerã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€ã“ã‚Œã«ã¯ãƒ“
lizy 2017/10/30
frontend

webpack

yarn

vue.js

rails
ãƒªãƒ³ã‚¯
Vue.js on Rails / vue-js-on-rails
ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ Pay for Businessã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ / Money Forward Pay for Business Frontend
lizy 2017/08/29
rails

javascript

vue.js

frontend

webpack
ãƒªãƒ³ã‚¯
Railsãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã¨ã“ã‚Œã‹ã‚‰
å¾…æœ›ã•ã‚ŒãŸYarnã‚µãƒãƒ¼ãƒˆã®å…¥ã£ãŸRails5.1ãŒ2017å¹´4æœˆã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Ruby on Rails 5.1 Release Notes â€” Ruby on Rails Guides ä»–ã«ã‚‚jQueryãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆdependencyã‹ã‚‰å¤–ã•ã‚ŒãŸã‚Šã€Optionalã§webpackã‚µãƒãƒ¼ãƒˆãŒå…¥ã£ãŸã‚Šã—ã¦ãŠã‚Šã€Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å¤§ããªè»¢æ›ç‚¹ã‚’è¿ŽãˆãŸã¨è¨€ã£ã¦ã‚ˆã„ã§ã—ã‚‡ã†ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã®ä»Šã‚’æŒ¯ã‚Šè¿”ã‚Šã€ä»Šå¾Œã©ã†ãªã£ã¦ã„ãã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Disã‚‰ã‚Œã¦ããŸRails ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’å°‚æ¥ã¨ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«Disã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã—ãŸã€‚å…·ä½“çš„ã«ã¯ä¸‹è¨˜ã®æŠ€è¡“è¦ç´ ã§ã™ã€‚ jQueryCoffeeScriptAssets Pipeline (sprockets)gemã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã£
lizy 2017/05/22
rails

frontend
ãƒªãƒ³ã‚¯
Webpackerã‚’ä½¿ã£ãŸRailsã§ã®JavaScripté–‹ç™º - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºéƒ¨ã®é•·ç”°ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ç§ãŒç¾åœ¨é€²ã‚ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€Webpackerã‚’ä½¿ã£ãŸJavaScriptã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã‚’å°Žå…¥ã—ãŸã®ã§ã€ãã‚Œã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Webpackerã¨ã¯ Webpackerã¨ã¯ã€Webpackã‚’ç”¨ã„ã¦Railsä¸Šã§JavaScripté–‹ç™ºã‚’ã™ã‚‹ãŸã‚ã«å¿…è¦ãªä¸€é€£ã®æµã‚Œã‚’æä¾›ã—ã¦ãã‚Œã‚‹ã€Rails organizationã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹gemã§ã™ã€‚ ã“ã‚Œã¾ã§ã€Railsä¸Šã§JavaScriptã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ã©ã®ã‚ˆã†ã«ç®¡ç†ã™ã‚‹ã‹ã€ã¾ãŸã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ä¾å˜ã‚’ã©ã®ã‚ˆã†ã«è§£æ±ºã™ã‚‹ã‹ã«ã¤ã„ã¦ã€å¤šãã®é¸æŠžè‚¢ãŒã‚ã‚Šã€ãã‚Œã‚‰ã‚’ã©ã†çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã®ã‹ã«ã¤ã„ã¦æ‚©ã¾ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã“ã®ãƒ–ãƒã‚°ã§ã‚‚éŽåŽ»ã«ä½•åº¦ã‹è¨˜äº‹ãŒæŠ•ç¨¿ã•ã‚Œã¦ãŠã‚Šã€ãã®ä¸ã§ã‚‚è¤‡æ•°ã®é¸æŠžè‚¢ãŒä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ webpackã‚’ä½¿ã£ãŸ Railsä¸Šã§ã®Reacté–‹ç™º
lizy 2017/03/27
rails

frontend

webpack

javascript
ãƒªãƒ³ã‚¯
Rails5.1ã‹ã‚‰å°Žå…¥ã•ã‚Œã‚‹webpacker.gemã¯æœ¬å½“ã«Railsã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ç¦éŸ³ã‚’ã‚‚ãŸã‚‰ã™ã®ã‹? - Qiita
Rails5.1ãŒä»Šbetaã§å‡ºã¦ã„ã¾ã™ãã€‚ä¸ã§ã‚‚ç›®çŽ‰ã¯webpacker.gemã«ã‚ˆã‚‹ãƒ¢ãƒ€ãƒ³ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãŒRailsã«å°Žå…¥ã•ã‚Œã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ ä»Šã¾ã§ã®Railsã®asset pipelineã¨ã¯åˆ¥ã«ã€yarnã«ã‚ˆã£ã¦ä¾å˜æ€§ã‚’ç®¡ç†ã—webpackã§çµåˆã™ã‚‹ç‹¬ç«‹ã—ãŸjsã®ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã™ã€‚ ã“ã‚Œã«ã‚ˆã£ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå¾“æ¥ã®asset pipelineã§ã¯è§£æ±ºãŒã‚€ãšã‹ã—ã‹ã£ãŸå•é¡Œã¸ã®è§£ãŒç¤ºã•ã‚Œã¾ã—ãŸã€‚ coffee scriptã¸ã®ä¾å˜ npmã«ã‚ˆã‚‹ä¾å˜æ€§ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãŒé›£ã—ã„ javascriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒé‡Žè‰¯gemåŒ–ã•ã‚Œã¦updateã•ã‚Œãªã„å•é¡Œ webpacker.gemã¯yarn/webpackã®è–„ã„wrapperã¨ãªã£ã¦ã„ã¦ã€åŠ ãˆã¦å¹¾ã¤ã‹ã®rakeã‚¿ã‚¹ã‚¯ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒæä¾›ã•ã‚Œã¾ã™ã€‚ y
lizy 2017/02/27
rails

webpack

frontend
ãƒªãƒ³ã‚¯
Rails5.1ã«å‘ã‘ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã§èµ·ã“ã£ã¦ã„ã‚‹é©å‘½ã¾ã¨ã‚ - Qiita
ã“ã‚“ã«ã¡ã¯ Rails5.1ã«å‘ã‘ã¦ã€DHHã®jqueryã‚’ä¾å˜ã‹ã‚‰å¤–ã™ç™ºè¨€ã‚’ç™ºç«¯ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚ŠãŒæ€¥æ¿€ã«ç™ºå±•ã—ã¦ã„ã‚‹ã®ã§ã€ç°¡å˜ã«ã§ã™ãŒã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å„issue, PRã®è©³ç´°ã«ã¯è¸ã¿è¾¼ã¿ã¾ã›ã‚“ãŒã€çŸ¥è¦‹ã«æº¢ã‚Œã¦ã„ã‚‹ã®ã§èªã‚“ã§ã¿ã‚‹ã®æŽ¨å¥¨ã§ã™ã€‚ é–“é•ã„ã€è¶³ã‚Šãªã„ã‚‚ã®ãŒã‚ã£ãŸã‚‰ç·¨é›†ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŠé¡˜ã„ã—ã¾ã™ã€‚ jQueryä¾å˜ã‚’ç„¡ãã™è©±ãŒå‡ºã‚‹ rails(issue): Drop jQuery as a dependency jquery-ujsã¯jqueryã«ä¾å˜ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ jquery-ujs: Drop jQuery as a dependency "jquery"-ujsã˜ã‚ƒãªããªã£ãŸã®ã§åå‰å¤‰æ›´ rails-ujsèª•ç”Ÿ å®Ÿéš›ã«Railsã‹ã‚‰jqueryä¾å˜ãŒãªããªã‚‹ rails: Drop jQuery as a dependency jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å…¥ã‚Œã‚‹æ–¹æ³•ãŒnpmãƒ‘ãƒƒ
lizy 2016/12/04
rails

frontend

webpack

yarn
ãƒªãƒ³ã‚¯
æ–°è¦Railsã‚¢ãƒ—ãƒªã«å°ã•ãå°Žå…¥ã™ã‚‹React - Speaker Deck
dotsã§é–‹å‚¬ã•ã‚ŒãŸReactã®å°Žå…¥ã‚’æ¤œè¨Žã•ã‚Œã¦ã‚‹æ–¹å‘ã‘ã®å‹‰å¼·ä¼šã§ãŠè©±ã—ã¾ã—ãŸ https://eventdots.jp/event/597088
lizy 2016/09/06
rails

react

frontend

webpack
ãƒªãƒ³ã‚¯
5å¹´é–“é–‹ç™ºã—ã¦ã„ã‚‹Railsãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«React + Reduxã‚’å°Žå…¥ã—ãŸè©± by Shimpei Takamatsu | Wantedly, Inc.
ã“ã‚“ã«ã¡ã¯ã€Wantedlyã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é«˜æ¾ã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°ã§ã‚‚ä½•åº¦ã‹Reacté–¢é€£ã®è©±é¡ŒãŒå‡ºã¦ã„ã¾ã™ãŒã€Wantedlyã§ã¯React + Reduxã‚’ä¸å¿ƒã¨ã—ãŸWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã‚’å°Žå…¥ã—ã¦é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã‚¹ã‚¿ãƒƒã‚¯ã®å°Žå…¥æ–¹æ³•ã‚„å‹˜æ‰€ã«ã¤ã„ã¦ã€è©³ã—ãè§£èª¬ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«æ—¢å˜ã®Railsç’°å¢ƒã«Reactãªã©ã®å°Žå…¥ã‚’æ¤œè¨Žã—ã¦ã„ã‚‰ã£ã—ã‚ƒã‚‹æ–¹ã®å‚è€ƒã«ãªã‚Œã°ã€ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã®å†…å®¹ã¯ä»¥å‰ç™ºè¡¨ã—ãŸä»¥ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å…ƒã«ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã®Wantedlyã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º ã¾ãšã€ä»Šå›žã®ã‚¹ã‚¿ãƒƒã‚¯å°Žå…¥å‰ã®Wantedlyã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã§ã‚ã£ãŸã®ã‹ã«ã¤ã„ã¦ã”èª¬æ˜Žã—ã¾ã™ã€‚ Wantedlyã®é–‹ç™ºãƒªãƒã‚¸ãƒˆãƒªã‚’å‚ç…§ã™ã‚‹ã¨ã€æœ€åˆã®ã‚³ãƒŸãƒƒãƒˆã¯2011å¹´9æœˆã«ãªã£ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã¯ç¤¾å†…ã§ã‚‚ãƒžã‚¤ã‚¯ãƒã‚µãƒ¼ãƒ“ã‚¹åŒ–ã®å‹•ããŒå§‹ã¾ã£ã¦ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«W
lizy 2016/07/12
rails

frontend

webpack

react
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³JavaScripté–‹ç™ºç’°å¢ƒ on Rails - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
æŠ•ç¨¿æŽ¨é€²éƒ¨ã®å¤–æ‘ï¼ˆ@hokacchaï¼‰ã§ã™ã€‚ ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒ–ãƒã‚°ã®é–‹ç™ºã§Railsä¸Šã«ECMAScript6ãªã©ã®ãƒ¢ãƒ€ãƒ³ãªJavaScripté–‹ç™ºç’°å¢ƒã‚’å°Žå…¥ã—ãŸçµŒé¨“ã‚’å…ƒã«ãƒŽã‚¦ãƒã‚¦ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Railsã¯Sprocketsã¨ã„ã†gemã§JavaScriptã‚„CSSã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ä»•çµ„ã¿ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Sprocketsã«ã‚ˆã‚‹assetç®¡ç†ã®ä»•çµ„ã¿ã¯éžå¸¸ã«ã‚ˆãã§ãã¦ãŠã‚Šã€AltJSã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã®çµåˆã€minifyãªã©ã€assetã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã«å¿…è¦ãªæ©Ÿèƒ½ã‚’ä¸€é€šã‚Šå‚™ãˆã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€JavaScriptã«ãŠã‘ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¾å˜é–¢ä¿‚ã®è§£æ±ºã‚„ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç®¡ç†ãªã©ã«ã¤ã„ã¦ã¯ãƒ¢ãƒ€ãƒ³ãªJavaScripté–‹ç™ºã¨ä¹–é›¢ã—ã¦ãã¦ã„ã‚‹ã®ãŒç¾çŠ¶ã§ã™ã€‚ãã“ã§ã€Railsã§ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã‚’å®Ÿç¾ã§ãã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ç’°å¢ƒã‚’ä½œã‚Šã¾ã—ãŸã€‚ ECMAScript6ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚’ä½¿ã† ãƒ¢ã‚¸ãƒ¥
lizy 2015/12/14
rails

frontend

javascript

browserify
ãƒªãƒ³ã‚¯
1