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

TokyoIncidents id:TokyoIncidents

webpackã«é–¢ã™ã‚‹TokyoIncidentsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

${{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æ™‚ä»£ã®çµ‚ã‚ã‚Šã¨parcelæ™‚ä»£ã®ã¯ã˜ã¾ã‚Š - Qiita
è¨å®šä¸è¦ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ« parcelã¨ã„ã†ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ãŒç©ºå‰ã®å‹¢ã„ã§GitHubã‚¹ã‚¿ãƒ¼ã‚’é›†ã‚ã¦ãŠã‚Šã€ãƒªãƒªãƒ¼ã‚¹æ•°æ—¥ã§5000ã‚¹ã‚¿ãƒ¼ã‚’è¶…ãˆã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã ã‘ã§ã‚‚1000ã‚¹ã‚¿ãƒ¼ä»¥ä¸Šå¢—ãˆã¦ãŠã‚Šã€Googleãªã©ã®æœ‰åä¼æ¥ãƒªãƒã‚¸ãƒˆãƒªä»¥å¤–ã§ã“ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§äººæ°—ãŒã§ã‚‹ã®ã¯ç•°ä¾‹ã§ã™ã€‚ https://github.com/parcel-bundler/parcel https://parceljs.org/ å®Ÿéš›ã«è©¦ã—ã¦ã¿ãŸã¨ã“ã‚ã€ã“ã‚Œã¯webpackä¸€å¼·æ™‚ä»£ã‚’çµ‚ã‚ã‚‰ã›ã‚‹ãƒ¬ãƒ™ãƒ«ã®ä½¿ã„ã‚„ã™ã•ã ã¨ç¢ºä¿¡ã—ã¾ã—ãŸã€‚ ä½œè€…ã¯Adobeã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã€ãã®ä»–è‘—åã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚ç¶šã€…ã¨å‚åŠ ã—ã¦ã„ã‚‹æ§˜åã§ã™ã€‚ webpackç–²ã‚Œ webpackãŒå‡ºãŸå½“åˆã€webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯gulp/gruntç–²ã‚Œã®çŠ¶æ…‹ã ã£ãŸã“ã¨ã‚’è¦šãˆã¦ã„ã‚‹æ–¹ã‚‚ã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ webpackã®çµ±åˆã•ã‚ŒãŸè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã§é€æ¬¡å‡¦ç†ã—ã¦ã„ãŸã‚‚ã®ã‚’
TokyoIncidents 2020/03/23
webpack
ãƒªãƒ³ã‚¯
JavaScriptã®export defaultã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã€æ¤œè¨¼ã—ã¦ã¿ãŸ - Qiita
ã“ã®è¨˜äº‹ã¯Fringe81 ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼2017ã®16æ—¥ç›®ã§ã™ã€‚ å§‹ã‚ã« ES6ã®import/exportã«ã¤ã„ã¦ã¯ ãƒ»åŸºæœ¬çš„ã«export defaultã‚’ä½¿ã† ãƒ»exportã™ã‚‹å¯¾è±¡ãŒè¤‡æ•°ã‚ã‚Œã°ã€exportã‚’ä½¿ã† ãƒ»exportã•ã‚ŒãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯importã§å—ã‘å–ã‚‹ ãã‚‰ã„ã®é›‘ãªç†è§£ã‚’ã—ã¦ã¾ã—ãŸã€‚ ã€ŒåŸºæœ¬çš„ã«export defaultã‚’ä½¿ã†ã€ã«ã¤ã„ã¦ã¯ã€Design goals for ES6 modulesã«ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¨€åŠã•ã‚Œã¦ã¾ã™ã€‚ 16.8 Design goals for ES6 modules If you want to make sense of ECMAScript 6 modules, it helps to understand what goals influenced their design. The major ones are: ãƒ»D
TokyoIncidents 2019/10/04
JavaScript

ECMAScript

webpack
ãƒªãƒ³ã‚¯
webpackã®ä»•çµ„ã¿ã‚’ç°¡æ½”ã«èª¬æ˜Žã™ã‚‹ - hiroppy's site
ã“ã®è¨˜äº‹ã¯ã€Node.js Advent Calendar 2018ã® 18 æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ é…ã‚Œã¦ã—ã¾ã„æœ¬å½“ã«ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã€‚ ã“ã®è¨˜äº‹ã¯ã€HTML5 ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§è©±ã—ãŸå†…å®¹ãŒä¸å¿ƒã¨ãªã‚Šã¾ã™ã€‚ Node.js ã¨ã¯ã‹ã‘é›¢ã‚Œã¦ã„ã¾ã™ãŒã€è‡ªåˆ†ãŒæ›¸ããŸã‹ã£ãŸå†…å®¹ã ã£ãŸã®ã§ã€ç†è§£ã—ã¦ãã ã•ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« webpack ã¯ä»¥ä¸‹ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ // ESM (ECMAScript Modules) import foo from "./foo"; export default foo; import("./foo.wasm"); // native support for WebAssembly import("./foo.json"); // native support for JSON // CJS (CommonJS Modules) const fo
TokyoIncidents 2018/12/26
webpack
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ç°¡å˜ï¼Webpacker å®Œå…¨è„±å‡ºã‚¬ã‚¤ãƒ‰ - pixiv inside
ã“ã‚“ã«ã¡ã¯ã€@f_subal ã§ã™ã€‚æ™®æ®µã¯ãŠã‚‚ã« pixivFACTORY ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è¦‹ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ pixivFACTORY ã«ãŠã„ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ã« Webpacker ã‚’åˆ©ç”¨ã™ã‚‹ã®ã‚’ã‚„ã‚ãŸè©±ã‚’ã—ã¾ã™ã€‚ Webpacker ã‚’ã‚„ã‚ã‚ˆã† rails/webpacker ã¯ Ruby on Rails ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã« webpack ã‚’å°Žå…¥ã™ã‚‹éš›ã«ç”¨ã„ã‚‰ã‚Œã‚‹ gem ã§ã™ã€‚å¿…è¦ãª webpack ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã®ç”Ÿæˆã‚„ã€Rails ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‹ã‚‰ãƒ“ãƒ«ãƒ‰æ¸ˆã¿ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿å‡ºã™ãŸã‚ã«ç”¨ã„ã‚‹ãƒ˜ãƒ«ãƒ‘ãƒ¼é–¢æ•°ãªã©ã€å¤šæ•°ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Webpacker ã‚’å…¥ã‚Œã¦ã‚‚ã‚ã¾ã‚Šè‰¯ã„ã“ã¨ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚å˜ã«å¿…è¦ãŒç„¡ã„ã¨ã„ã†ã‚ˆã‚Šã€ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦é¢å€’ãŒå¢—ã—ã¦ã„ã‚‹ã¨æ„Ÿã˜ãŸã®ã§ã€å‰¥ãŒã—ã¾ã—ãŸã€‚ä»¥ä¸‹ Webpacker ãŒå°Žå…¥ã•ã‚ŒãŸ Ra
TokyoIncidents 2018/08/06
rails

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

JavaScript

webpack
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒªãƒªãƒ¼ã‚¹ã§ã‚ã‚‹webpack 4ã®ä¸»ãªå¤‰æ›´ç‚¹ã¾ã¨ã‚ - æŠ€è¡“æŽ¢ã—
ç§»è¡Œã‚¬ã‚¤ãƒ‰ abouthiroppy.hatena blog.jp ãƒ‰ãƒ¯ãƒ³ã‚´ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®17æ—¥ãŒç©ºã„ã¦ã„ã‚‹ã®ã§æœ¬æ¥ãã®äºˆå®šã§æ›¸ã‹ã‚ŒãŸè¨˜äº‹ã§ã¯ãªã„ã§ã™ãŒã€ãã“ã«åŸ‹ã‚ã¾ã™ã€‚ 2æ—¥é€£ç¶šã«ãªã£ã¦ã—ã¾ã£ãŸã€‚ã€‚ qiita.com Happy Xmas, Noders! #Nodejs pic.twitter.com/Rsxr8SbeUzâ€” hiroppyðŸ˜¶ (@about_hiroppy) 2017å¹´12æœˆ24æ—¥ ã•ã¦ã€ä»Šå¹´ã¯ã€webpack3.0.0ãŒ2017/06ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸðŸŽ‰ (ç¾åœ¨ã€3.10.0) medium.com After we released webpack v2, we made some promises to the community. We promised that we would deliver the features you voted
TokyoIncidents 2017/12/26
webpack
ãƒªãƒ³ã‚¯
ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§webpackã¨babelã®è¨å®šã‚’ã—ãªãã¦æ¸ˆã‚€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸ - æŠ€è¡“æŽ¢ã—
github.com æœ€åˆã« ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ ã‚´ãƒ¼ãƒ« sweetpack ã§ãã‚‹ã“ã¨ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»è¨å®š è¨å®šãƒ•ã‚¡ã‚¤ãƒ« å…±é€šãƒ—ãƒ©ã‚°ã‚¤ãƒ³ é–‹ç™ºæ™‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ æœ‰åŠ¹åŒ–ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãƒ“ãƒ«ãƒ‰æ™‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ æœ‰åŠ¹åŒ–ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ« ã•ã„ã”ã« æœ€åˆã« ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ ç°¡å˜ãªwebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ åŒã˜è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›¸ãã“ã¨ãŒå¤šã„ã®ã§ãã‚Œã‚’é¿ã‘ãŸã„ ã‚´ãƒ¼ãƒ« babelã®è¨å®šã¨webpackã®è¨å®šã‚’æ›¸ã‹ãªãã¦ã‚‚ã‚ã‚‹ç¨‹åº¦ã®ã“ã¨ã¯ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãŸã ã€è¤‡é›‘ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã¨webpackã¯ç„¡é™å¤§ãªã®ã§ãã“ã¾ã§ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ°—ã¯ãªã„ã€‚ webã‚µã‚¤ãƒˆã¨ã‹ã‚’ä½œã‚‹ã¨ãã«ã€ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚„é–‹ç™ºã®è¨å®š(minify, hashed name, server, etcâ€¦)ã‚’æ›¸ãã®ãŒã‚ã‚“ã©ãã•ã„ã®ã§ãã‚Œã‚’è§£æ±ºã™ã‚‹ã€‚ sweetpack ã§ãã‚‹ã“ã¨ webpackã¨babelã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«
TokyoIncidents 2017/09/11
JavaScript

webpack

babel
ãƒªãƒ³ã‚¯
Introducing Electron Webpack Dashboard
Everything is magic, except to the magician. One year ago yesterday, I released webpack-dashboard. It ended up getting a lot more popular than I thought it would! As it turns out, everyone wants to pretend like they are working at NASA. Shortly after releasing it, and selling it under the guise of it feeling like working at NASA, I came to find out that NASA actually has their own dashboard lib, a
TokyoIncidents 2017/08/18
webpack

electron
ãƒªãƒ³ã‚¯
Webpack Build Time Screencast | Bocoup
Many of our clients and peers love Webpack but hate the long build times that result as projects start leveraging more of Webpackâ€™s features. The hardsource plugin, created by Bocouper and Webpack expert @mzgoddard utilizes intelligent caching and has been shown to reduce subsequent build times by up to 97%.
TokyoIncidents 2017/02/02
webpack
ãƒªãƒ³ã‚¯
Big Sky :: Re: Go ã§ã‚·ãƒ³ã‚°ãƒ«ãƒã‚¤ãƒŠãƒªãª Web ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨ãã« webpack --watch ã‚’ã†ã¾ã„ã¨ã“ã‚ã‚„ã‚‹
go-bindata ã‚‚ã„ã„ã‘ã©ã€go-assets ã‚‚ã„ã„ã‚ˆã€‚ Go ã§ã‚·ãƒ³ã‚°ãƒ«ãƒã‚¤ãƒŠãƒªãª Web ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨ãã« webpack --watch ã‚’ã†ã¾ã„ã¨ã“ã‚ã‚„ã‚‹ - Diary Go ã§ã‚·ãƒ³ã‚°ãƒ«ãƒã‚¤ãƒŠãƒªãª Web ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨ãã« webpack --watch ã‚’ã†ã¾ã„ã¨ã“ã‚ã‚„ã‚‹ å€‹äººçš„ãªã‚¢ãƒ—ãƒªã‚’ã¤ãã‚‹ã¨ãã€ã ã„ãŸã„ä»¥ä¸‹ã®ã‚ˆã†ãªç’°å¢ƒã§ä½œæ¥ã—ã¦ã„ã¾ã™ WAF ã¯ E... http://diary.app.ssig33.com/166 ã¿ã‚“ãªã®Goè¨€èªžã«ã‚‚æ›¸ã„ãŸæ°—ãŒã™ã‚‹ã®ã§ãã†ã„ã†ã®èˆˆå‘³ã‚ã‚‹äººã¯è²·ã£ã¦ä¸‹ã•ã„ã€‚ ãƒã‚¤ãƒŠãƒªã« assets ã‚’åŸ‹ã‚è¾¼ã‚€éš›ã«ã¯ go-bindata ãŒæœ‰åã§ã™ãŒã€å®Ÿã¯ go-assets ã‚‚ä¾¿åˆ©ã§ã™ã€‚ GitHub - jessevdk/go-assets: Simple embedding of assets in go READM
TokyoIncidents 2017/01/19
golang

webpack
ãƒªãƒ³ã‚¯
ðŸŽ‰ webpack 2.2: The Final Release ðŸŽ‰
Last month we shipped our first Release Candidate for webpack 2.2. Since then, weâ€™ve been hard at work fixing any bugs that you reported. Not only that, but weâ€™ve merged over 220 pull requests from the community in helping us refactor our core library to ES2015 (yes, this means our minimum supported NodeJS version is now 4.3). On behalf of the entire webpack team, Iâ€™m proud to announce that webpac
TokyoIncidents 2017/01/18
webpack ã£ã¦ cloud funding çš„ãªã“ã¨ã‚„ã£ã¦ã‚‹ã®ã‹ã€‚

webpack
ãƒªãƒ³ã‚¯
webpack & HTTP/2
Letâ€™s start with a myth about HTTP/2: With HTTP/2 you donâ€™t need to bundle your modules anymore. HTTP/2 can multiplex all your modules over the same connection in parallel. So there are no additional round trips for the many requests. Each module can be separately cached. Sadly itâ€™s not that easy in reality. Prior workYou can read the following articles, which explain everything in detail and do s
TokyoIncidents 2016/12/19
http2

webpack
ãƒªãƒ³ã‚¯
http://blog.inouetakuya.info/entry/2016/12/11/201419
TokyoIncidents 2016/12/12
webpack
ãƒªãƒ³ã‚¯
GitHub - rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails
Webpacker has served the Rails community for over five years as a bridge to compiled and bundled JavaScript. This bridge is no longer needed for most people in most situations following the release of Rails 7. We now have three great default answers to JavaScript in 2021+, and thus we will no longer be evolving Webpacker in an official Rails capacity. For applications currently using Webpacker, th
TokyoIncidents 2016/12/08
rails

webpack
ãƒªãƒ³ã‚¯
Next.js â€“ Vercel
This blog post will go into the philosophy and design decisions of the project. To learn how to use Next.js instead, please refer to theÂ README, where you can learn the entirety of the tool's capabilities in just a few minutes. First we'll dive into theÂ backgroundÂ of the project and then describe 6 basic principles: Zero setup. Use the filesystem as an APIOnly JavaScript. Everything is a functionA
TokyoIncidents 2016/10/26
JavaScript

react

webpack
ãƒªãƒ³ã‚¯
Browserify/WebPackæ™‚ã¨ã€node.jsã®å®Ÿè¡Œæ™‚ã§èªã¿è¾¼ã‚€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰ãˆã‚‹ - Qiita
Browserifyã‚’ä½¿ã†ã¨ã€node.jsã¨åŒã˜ã‚ˆã†ãªæ›¸ãæ–¹ãŒã§ãã¦ä¾¿åˆ©ã§ã™ã€‚WebPackã‚‚äººæ°—ã§ã™ã‚ˆãã€‚ ã§ã™ãŒã€node.jsã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯èªã¿è¾¼ã¾ã›ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†ã‘ãŸã„ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚å„ç’°å¢ƒã®ãƒã‚±ãƒ¼ãƒ«ã‚’å–å¾—ã™ã‚‹ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨ navigator.language å¤‰æ•°ã‚’ã®ãžãã ã‘ã§OKã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç’°å¢ƒã¨ã‹ã‚µãƒ¼ãƒã§ã¯ os-localeãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ä½¿ã„ãŸã„ã§ã™ã‚ˆãã€‚ã§ã‚‚os-localeãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒãƒ³ãƒ‰ãƒ«ã—ãŸãã¯ãªã„ã§ã™ã€‚ ãã‚Œãžã‚Œã€æ¬¡ã®ã‚ˆã†ãªãƒ•ã‚¡ã‚¤ãƒ«ã§åŒã˜APIã§é–¢æ•°ã‚’ç”¨æ„ã—ã¾ã™ã€‚ const osLocale = require('os-locale'); module.exports = () => { return new Promise((resolve, reject) => { osLocale((err, locale) => { if (e
TokyoIncidents 2016/10/26
node.js

browserify

webpack
ãƒªãƒ³ã‚¯
React+Reduxã‚’Railsç’°å¢ƒä¸‹ã§é–‹ç™ºã™ã‚‹ç’°å¢ƒæ§‹ç¯‰ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆWebpackã‚‚ä½¿ã†ã—ã€Reduxã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚‚ã‚ã‚‹ã‚ˆï¼‰ - Qiita
React+Reduxã‚’Railsç’°å¢ƒä¸‹ã§é–‹ç™ºã™ã‚‹ç’°å¢ƒæ§‹ç¯‰ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆWebpackã‚‚ä½¿ã†ã—ã€Reduxã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚‚ã‚ã‚‹ã‚ˆï¼‰Ruby Rails webpack Reactredux è‰²ã€…æƒ…å ±ãŒã‚ã‚Šã¾ã™ãŒã€æ–ç‰‡åŒ–ã•ã‚Œã¦ãŸã®ã§çºã‚ã¾ã—ãŸã€‚ ã‚‚ã—ã“ã‚“ãªç’°å¢ƒã§é–‹ç™ºã™ã‚‹äººãŒã„ã‚Œã°å‚è€ƒã«ã—ã¦ä¸‹ã•ã„ã€‚ ã¨ã„ã†ã‹1ã¤ã®è¨˜äº‹ã«è©°ã‚è¾¼ã¿éŽãŽãŸã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã¡ãªã¿ã«ã“ã®ç’°å¢ƒæ§‹ç¯‰ã¯ä»¥ä¸‹ã®è¨˜äº‹ã‚’å‚è€ƒã«ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ WebPackã‚’ä½¿ã£ã¦Railsã‹ã‚‰JavaScriptã‚’æ¥½ã«è‰¯ã„æ„Ÿã˜ã«åˆ†é›¢ã™ã‚‹ Rails + ãƒ¢ãƒ€ãƒ³JSç’°å¢ƒ(Webpack)ã§æ–°è¦ã‚¢ãƒ—ãƒªä½œæˆ Railsã§Reduxã‚³ãƒ³ãƒ†ãƒŠã‚’ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° (use Hypernova by airbnb) ç´ æ™´ã‚‰ã—ã„è¨˜äº‹ã«æ„Ÿè¬ã€‚ ä»Šå›žæ›¸ã„ãŸè¨˜äº‹ã®ã‚½ãƒ¼ã‚¹ã¯ã“ã¡ã‚‰ã§ã™ã€‚ å‰ææ¡ä»¶ æœ¬è¨˜äº‹ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªé–‹ç™ºç’°å¢ƒã‚’æƒ³å®šã—ã¦è¨˜è¼‰ã—ã¾ã™ã€‚
TokyoIncidents 2016/08/12
rails

react

redux

webpack
ãƒªãƒ³ã‚¯
step by stepã§å§‹ã‚ã‚‹webpack - Qiita
â€»webpack1ç³»ã®è¨˜äº‹ã§ã™ã€‚ 1â†’2ã¸ã®ç§»è¡Œã‚¬ã‚¤ãƒ‰ã‚’è¦‹ã‚‹é™ã‚Šç ´å£Šçš„ãªå¤‰æ›´ç‚¹ã¯ãã‚“ãªã«ã‚ã‚Šã¾ã›ã‚“ãŒã€preLoadersã‚„postLoadersãŒãªããªã£ã¦ã„ãŸã‚Šã€å·®ãŒå‡ºã¦ã„ã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ https://webpack.js.org/guides/migrating/ webpackã‚’æ‰‹ã‚’å‹•ã‹ã—ã¤ã¤å¦ã¹ã‚‹åˆå¦è€…å‘ã‘è³‡æ–™ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€webpackãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹OSSã®ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’è¦‹ã‚‹é™ã‚Šã€ä¸–ã®ä¸ã®ä½¿ã‚ã‚Œæ–¹ã«æ²¿ã£ã¦ãªã„ã‹ã‚‚ï¼Ÿã¨æ€ã„æ›¸ãã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹äººã®æ‰‹åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ã¾ãŸæœ€çµ‚å½¢ã®ã‚½ãƒ¼ã‚¹ã‚’upã—ã¦ã‚ã‚‹ã®ã§è©°ã¾ã£ãŸã‚‰è¦‹ã¦ãã ã•ã„ã€‚ webpackã¨ã¯ webpack ã§å§‹ã‚ã‚‹ã‚¤ãƒžãƒ‰ã‚ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®èª¬æ˜ŽãŒè‰¯ã‹ã£ãŸã®ã§å¼•ç”¨ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚m(_ _)m webpack ã¯ WebApp ã«å¿…è¦ãªãƒªã‚½ãƒ¼ã‚¹ã®ä¾
TokyoIncidents 2016/08/08
JavaScript

webpack
ãƒªãƒ³ã‚¯
webpackã‚’ä½¿ã£ãŸ Railsä¸Šã§ã®Reacté–‹ç™º - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€æŠ•ç¨¿é–‹ç™ºéƒ¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®èŠ³è³€ã§ã™ã€‚ æ—¢å˜ã®Rails ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§React.jsã‚’åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ãã®æ™‚ã«ã‚„ã£ãŸã“ã¨ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ç§è‡ªèº«ã¯æ™®æ®µRailsã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã¨CoffeeScriptãŒä¸å¿ƒã§ã€æœ€è¿‘ã®JavaScripté–‹ç™ºç’°å¢ƒã«ã¤ã„ã¦ã‚ã¾ã‚Šã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã§ãã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€ãã‚Œã‚‰ã®çŠ¶æ³ã‚’æŠŠæ¡ã—ã¤ã¤è©¦è¡ŒéŒ¯èª¤ã§é–‹ç™ºã—ã¦ã„ã£ãŸçµŒé¨“ã‹ã‚‰ã€ã§ãã‚‹ã ã‘ã€ŒReactæŽ¡ç”¨ã—ã¦ã¿ãŸã„ã‘ã©JavaScriptç•Œéšˆã‚ˆãã‚ã‹ã‚‰ãªã„ç›®ç·šã€ã§æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Railsã§React.jsã‚’ä½¿ã†ã„ãã¤ã‹ã®æ–¹æ³• 2016å¹´æ™‚ç‚¹ã§ã€Railsã§React.jsã‚’ä½¿ã†æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã£ã¦ã€ã©ã‚Œã‚’æŽ¡ç”¨ã™ã‚‹ã‹ã§æ‚©ã¿ã¾ã—ãŸã€‚ vendor/assets/javascripts ã«react.jsã‚’ç½®ã„ã¦åˆ©ç”¨ã™ã‚‹ react-rails gem ã‚’åˆ©ç”¨ã™ã‚‹ br
TokyoIncidents 2016/07/27
rails

react

webpack
ãƒªãƒ³ã‚¯
webpack(v1)ã¨babelã§ES6ã‚³ãƒ¼ãƒ‰ã‚’ã•ãã£ã¨æ›¸ã - getalog
æœ€ä½Žé™ã®ã‚³ã‚¹ãƒˆã§æœ€è¿‘ã‚ˆãèžãã„ã„æ„Ÿã˜ã®jsã‚’æ›¸ããŸã„æ™‚ã®æ§‹æˆã‚’ãšã‚‰ãƒ¼ã£ã¨æ›¸ã„ã¦ã¿ã‚‹ æº–å‚™ã™ã‚‹ã‚‚ã® node/npm (æœ€è¿‘ã¯rbenvã‚¯ãƒãƒ¼ãƒ³ã®nodenvãŒã„ã„æ„Ÿã˜ã€æ“ä½œã¯åŒã˜) webpack babel .babelrc .babelrcã‚’è¨ç½®ã—ã¨ãã¨babelã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¨å®šãŒã“ã„ã¤ã®ä¸èº«ã§æ›¸ãæ›ã‚ã‚‹ Reactã‚’ä½¿ã‚ãªã„ãªã‚‰ã€presetã®reactã¯ã„ã‚‰ãªã„ export defaultã•ã‚ŒãŸãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’importã—ãŸæ™‚ã«.defaultã§å¼•ãã®ã‚’è¨±ã›ã‚‹ãªã‚‰ã€add-module-exportsã¯ã„ã‚‰ãªã„(å¾Œè¿°) Reactã„ã‚‹ { "presets": [ "es2015", "stage-0", "react" ], "plugins": [ "add-module-exports" ] } ã„ã‚‰ãªã„ { "presets": [ "es2015", "stage-0"
TokyoIncidents 2016/05/19
webpack

babel
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸