[B! webpack] hiroaki256ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiroaki256 id:hiroaki256

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

Google App Script é–‹ç™º ã®ãŸã‚ã® Templateãƒªãƒã‚¸ãƒˆãƒªã‚’ä½œã£ãŸ
GAS ã‚’æ›¸ããŸã³ã«é–‹ç™ºç’°å¢ƒæ§‹ç¯‰ã‚’èª¿ã¹ã¦ã„ã‚‹æ°—ãŒã™ã‚‹ã®ã§ã€GAS é–‹ç™ºç”¨ã® Template ãƒªãƒã‚¸ãƒˆãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Templateãƒªãƒã‚¸ãƒˆãƒª æ©Ÿèƒ½ã¯ã“ã¡ã‚‰ã§ã™ã€‚ claspã«ã‚ˆã‚‹ App Script ã¸ã®ãƒ‡ãƒ—ãƒã‚¤ TypeScript å¯¾å¿œ Webpack5 ã§ã®ãƒ“ãƒ«ãƒ‰â€» ESLint / prettier ã§ã®ã‚³ãƒ¼ãƒ‰æ•´å½¢ husky / lint-stage ã§ã®ãƒ—ãƒ¬ã‚³ãƒŸãƒƒãƒˆãƒ•ãƒƒã‚¯ ä½¿ã„æ–¹ GitHub Template ã¨ã—ã¦å…¬é–‹ã—ã¦ã„ã‚‹ã®ã§ã€ãƒªãƒã‚¸ãƒˆãƒªã®Use this templateãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ã€ã‚³ãƒŸãƒƒãƒˆå±¥æ´ãŒå‰Šé™¤ã•ã‚ŒãŸè‡ªåˆ†ã®ãƒªãƒã‚¸ãƒˆãƒªã¨ã—ã¦ä½œæˆã§ãã¾ã™ã€‚ ä½œæˆã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’ãƒãƒ¼ã‚«ãƒ«ã« clone ã—ãŸã‚‰ã€.clasp.jsonã®scriptIdã‚’è‡ªèº«ã® AppScript ã® ID ã§æ›¸ãæ›ãˆã¦ãã ã•ã„ã€‚ â€» AppScript ã® ID ã¯ AppSc
hiroaki256 2021/07/15
gas

webpack

TypeScript

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
1å¹´å‰ã«ä½œã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã‚’è‰²ã€…æ–°ã—ãã—ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hiroaki256 2018/01/15
webpack

gulp

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Universal JavaScript
Roppongi.rb #3 Rails x Frontend-Tech
hiroaki256 2017/06/01
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

webpack

ãƒ“ãƒ«ãƒ‰
ãƒªãƒ³ã‚¯
ã€é€Ÿå ±ã€‘Rails 5.1ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸï¼ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ã“ã‚“ã«ã¡ã¯ã€hachi8833ã§ã™ã€‚ ã¤ã„ä»Šæœæ–¹ã€Rails 5.1ãŒæ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚DHHè‡ªã‚‰ãŒãƒªãƒªãƒ¼ã‚¹æƒ…å ±ã‚’æ›¸ã„ã¦ã¾ã™ãã€‚ å…¬å¼ãƒ‹ãƒ¥ãƒ¼ã‚¹: Rails 5.1: Loving JavaScript, System Tests, Encrypted Secrets, and more Posted by dhh, April 27, 2017 @ 9:05 pm in Releases å…¬å¼APIãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚µã‚¤ãƒˆã‚‚ã—ã£ã‹ã‚Š5.1.0ã«æ›´æ–°ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://api.rubyonrails.org/))ã‚ˆã‚Š Railsåˆå¿ƒè€…ã®æ–¹å‘ã‘ã®æ³¨æ„ Rails 5.1ã§ã¯ä»¥ä¸‹ã‚’å«ã‚€å¤šãã®æ©Ÿèƒ½è¿½åŠ ã‚„å¤‰æ›´ãŒè¡Œã‚ã‚Œã¦ãŠã‚Šã€å®Ÿéš›ã®é–‹ç™ºãƒ»é‹ç”¨ã§ã®æ¤œè¨¼ã¯ã“ã‚Œã‹ã‚‰ã¨ã„ã†çŠ¶æ…‹ã§ã™ã€‚ Railsãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãªã©ã§Railsã‚’å‹‰å¼·ã™ã‚‹å ´åˆã¯ã€å½“é¢ã®é–“ã€5.1ã§ã¯ãªãã€5.0ã®æœ€æ–°å®‰å®šç‰ˆã§ã‚ã‚‹Ra
hiroaki256 2017/05/02
rails

webpack
ãƒªãƒ³ã‚¯
ã€å‹•ç”»ä»˜ãã€‘Rails 5.1ã§ä½œã‚‹Vue.jsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ï½žHerokuãƒ‡ãƒ—ãƒã‚¤ã‹ã‚‰ã‚·ã‚¹ãƒ†ãƒ ãƒ†ã‚¹ãƒˆã¾ã§ï½ž - Qiita
ã¯ã˜ã‚ã« Rails 5.1ã§ã¯JavaScript/index.html.erbå‘¨ã‚Šã®ã‚µãƒãƒ¼ãƒˆãŒå¤§ããæ”¹å–„ã•ã‚Œã¾ã—ãŸã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€Vue.jsã‚„Reactã¨ã„ã£ãŸãƒ¢ãƒ€ãƒ³ãªJSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’Railså†…ã§éžå¸¸ã«æ‰±ã„ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ åƒ•ã‚‚å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¾ã—ãŸãŒã€æœ¬å½“ã«ã³ã£ãã‚Šã™ã‚‹ãã‚‰ã„ç°¡å˜ã«Vue.jsã‚„Reactã‚’å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯Rails 5.1ã¨Vue.jsã‚’çµ„ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆæ–¹æ³•ã‚’ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å½¢å¼ã§ã€ã§ãã‚‹ã ã‘è©³ã—ãèª¬æ˜Žã—ã¾ã™ã€‚ ã¾ãŸã€ãƒãƒ¼ã‚«ãƒ«ã§å‹•ã‹ã—ã¦ãŠã—ã¾ã„ã€ã§ã¯ãªãã€Herokuã«ãƒ‡ãƒ—ãƒã‚¤ã—ãŸã‚Šã€ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã‚Šã™ã‚‹ã¨ã“ã‚ã¾ã§ã‚«ãƒãƒ¼ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹è‡ªä½“ã¯é•·ã„ã§ã™ãŒã€å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã™ã¨ï¼ˆã‚¹ãƒ ãƒ¼ã‚ºã«é€²ã‚“ã å ´åˆï¼‰30åˆ†ä»¥å†…ã§çµ‚ã‚ã‚‰ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã¯ãšã§ã™ï¼ ä»Šå›žä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ä»Šå›žã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯å…ˆ
hiroaki256 2017/02/27
vue.js

rails

webpack

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
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
hiroaki256 2017/02/27
webpack

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

frontend

rails
ãƒªãƒ³ã‚¯
http://blog.inouetakuya.info/entry/2016/12/11/201419
hiroaki256 2016/12/15
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

webpack
ãƒªãƒ³ã‚¯
æ™®æ®µVue.jsã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã™ã‚‹ã¨ãã®æ§‹æˆã¨é‹ç”¨æ™‚ã®ãƒã‚¤ãƒ³ãƒˆ - Qiita
Vue.jsã§SPAã‚’é–‹ç™ºã™ã‚‹éš›ã€ãã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹æˆã«è¿·ã†ã‹ãŸã¯å¤šã„ã‚ˆã†ã§ã™ã€‚ ä»Šå›žã¯ãã‚“ãªã‹ãŸã®ãŸã‚ã«ã€ç§ãŒæ™®æ®µVue.jsã§é–‹ç™ºã™ã‚‹ã¨ãã®æ§‹æˆã¨ã€ãã®æ§‹æˆåŒ–ã§é–‹ç™ºã™ã‚‹ã¨ãã®ãƒã‚¤ãƒ³ãƒˆã‚’å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ 2019/12/05 è¿½è¨˜ æ™‚ä»£ãŒå¤§ããå¤‰ã‚ã£ã¦æ±‚ã‚ã‚‰ã‚Œã‚‹æ§‹æˆãªã©ã‚‚å¤‰åŒ–ã—ã¾ã—ãŸã€‚ ç¾åœ¨ã§ã¯ã“ã®è¨˜äº‹ã¯å‚è€ƒã«ã—ãªã„ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ 2018/01/30 è¿½è¨˜ ã¾ãšã¯ Nuxt.js ã®åˆ©ç”¨ã®æ¤œè¨Žã‚’ Vue.jsè£½ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ Nuxt.js ãŒã¤ã„ã« v1.0 ã®ãƒªãƒªãƒ¼ã‚¹ã‚’è¿Žãˆã¾ã—ãŸã€‚SPAé–‹ç™ºã¨SSR + SPAã®é–‹ç™ºä¸¡æ–¹ã‚’å…¨é¢çš„ã«ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€PWAå¯¾å¿œãªã©ã‚‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä¸€ã¤ã§ã§ãã‚‹ä¸Šã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã®è‡ªå‹•ç”Ÿæˆã‚„Vuexã‚¹ãƒˆã‚¢ã®ã‚ªãƒ¼ãƒˆãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã¨éžå¸¸ã«å¼·åŠ›ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚æœ¬æ ¼çš„ãªSPAé–‹ç™ºã‚’é–‹å§‹ã™ã‚‹ã¨ãã¯ã€ã¾ãšã¯ Nu
hiroaki256 2016/10/31
vue.js

js

webpack

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
Babelã§ES6ã§æ›¸ã„ã¦ã€webpackã§ãƒ“ãƒ«ãƒ‰ã—ã¦ã€mochaã§ãƒ†ã‚¹ãƒˆæ›¸ã„ã¦ã€power-assertã§assertã®å‡ºåŠ›ã‚’è¦‹ã‚„ã™ãã—ã¦ã€karmaã§è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã—ã¦ã€ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’å‡ºåŠ›ã™ã‚‹ã‚ˆã†ã«ã—ãŸ - UUUMã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ãŠã¯ã“ã‚“ã°ã‚“ã¡ã¯!! å°¾è—¤ a.k.a. BTOã§ã™ã€‚ UUUMã§ã¯æ¥å‹™ã®åŠ¹çŽ‡æ”¹å–„ã« kintone ã‚’å°Žå…¥ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€kintone ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã«ã¯ Javascript ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€Javascript ã®é–‹ç™ºç’°å¢ƒã‚’æ§‹ç¯‰ã—ãŸã®ã§ã€ä½•ã‚’ã‚„ã£ãŸã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å…·ä½“çš„ã«ã¯ã€ Babelã§ES6ã§æ›¸ã„ã¦ã€webpackã§ãƒ“ãƒ«ãƒ‰ã—ã¦ã€mochaã§ãƒ†ã‚¹ãƒˆæ›¸ã„ã¦ã€power-assertã§assertã®å‡ºåŠ›ã‚’è¦‹ã‚„ã™ãã—ã¦ã€karmaã§è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã—ã¦ã€ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’å‡ºåŠ›ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ãŠå‰ã¯ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã‚“ã ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åƒ•ã‚‚ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ Babel è¨€ã‚ãšã¨çŸ¥ã‚ŒãŸ ES6 ç”¨ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚å¤šã„ã¨æ€ã†ã®ã§ã€è©³ç´°ã¯å‰²æ„›ã—ã¾ã™ãã€‚ Babel ã®å°Žå…¥ã¯ npm ã§ã‚¤
hiroaki256 2016/09/18
ES6

webpack

ãƒ†ã‚¹ãƒˆ

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
sprockets + rails-assetsã‚’å’æ¥ã—ã¦ã€npm + webpackã¸ç§»è¡Œ - ãŸã ã®ã«ã£ã(2016-05-19)
â– sprockets + rails-assetsã‚’å’æ¥ã—ã¦ã€npm + webpackã¸ç§»è¡Œ 1å¹´å°‘ã€…å‰ã€Webã‚¢ãƒ—ãƒªã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒã¨ã—ã¦æš«å®šçš„ã«Rails Assetsã‚’ä½¿ã†ã“ã¨ã«ã—ãŸã®ã ã‘ã©ã€ã‚ã‚Œã‹ã‚‰jsç•Œéšˆã‚‚ã—ã ã„ã«è½ã¡ç€ã„ã¦ãã¦*1ã€ã„ã‚ã„ã‚ã¨å‹ã¡çµ„ã£ã½ã„ãƒ„ãƒ¼ãƒ«ãŒæ±ºã¾ã£ã¦ããŸæ°—ãŒã™ã‚‹ã€‚ ãã‚“ãªã‚ã‘ã§ã€å¾ã€…ã«ãã£ã¡æ–¹å‘ã¸ç§»è¡Œã—ã¦ã“ã†ã‹ãªã€ã¨ã€‚ã¨ãã«Rails Assetsã¯ã‚µãƒ¼ãƒ“ã‚¹è‡ªä½“ãŒçµ‚äº†ã®æ–¹å‘ã‚‰ã—ã„ã®ã§ã€ã¾ãšã¯ãã®ã¸ã‚“ã‹ã‚‰ã€‚jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã¨ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®å‹ã¡çµ„ã¨ã—ã¦ã€ãŠã‚Œã®è¦³æ¸¬ç¯„å›²ã§ã¿ãˆã¦ã‚‹æ„Ÿã˜ã ã¨: ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã¯package.jsonã‚’npmã§ç®¡ç†ã™ã‚‹ã®ãŒä¸€ç•ªã‚·ãƒ³ãƒ—ãƒ« ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã‚‚npmã§ã„ã„ã‚ˆã‚‚ã†â€¦â€¦ã¨ã„ã†æµã‚ŒãŒå¼·ãã† AltJSã¯ä½¿ã‚ãšã«ES2015ã€ãƒ“ãƒ«ãƒ‰ã«ã¯Webpackã¨Babelã®çµ„ã¿åˆã‚ã› ã£ã¦ã¨ã“ã‚ã‹? å°‘ã—å‰ã«è©±é¡Œã«ãªã£ãŸã€Œ1
hiroaki256 2016/05/20
webpack

rails

assets
ãƒªãƒ³ã‚¯
WebPackã‚’ä½¿ã£ã¦JavaScriptã‚’åŠ¹çŽ‡çš„ã«æ›¸ããƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€å…¥é–€ç·¨ã€‘ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
å…ˆæ—¥Developers Summitãƒ‡ãƒ“ãƒ¥ãƒ¼ã—ã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ å‰å›žå…¬é–‹ã—ãŸè¨˜äº‹ã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’çˆ†é€ŸåŒ–ã§ãã‚‹ç’°å¢ƒæ§‹ç¯‰ã®æ‰‹é †ã€ã®åéŸ¿ãŒå¤§ãã‹ã£ãŸã®ã§ã€ãã“ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹WebPackã¨ã„ã†Module Bundlerã‚’ã‚‚ã†å°‘ã—æ·±ãæŽ˜ã‚Šä¸‹ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ WebPackã¨ã¯ WebPackã¯é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã®ä¾å˜é–¢ä¿‚ã‚’è§£æ±ºã—ã¤ã¤çµåˆã—ãŸã‚Šåˆ†å‰²ã—ãŸã‚Šã™ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚éžå¸¸ã«å¤šæ©Ÿèƒ½ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®å¹…ãŒåºƒã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ http://webpack.github.io/docs/ å€‹äººçš„ãªçµŒç·¯ã§ã™ãŒã€require.js -> Browserifyã‚’çµŒã¦WebPackã«è½ã¡ç€ã„ãŸã¨ã“ã‚ã§ã™ã€‚ WebPackã¯npmã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ npm install webpack -g â€» npmãŒä½¿ãˆãªã„æ–¹ã¯ã¾ãšNode.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã
hiroaki256 2015/02/27
webpack

javascript
ãƒªãƒ³ã‚¯
1