JSerレãƒãƒ¼ãƒˆ #2: Node.jsコアモジュールã¨Bundler(webpackãªã©)ã«ã‚ˆã‚‹polyfillã®ã‚®ãƒ£ãƒƒãƒ— - JSer.info
ã“ã®ãƒ¬ãƒãƒ¼ãƒˆã¯ã€ç¾åœ¨é€²è¡Œå½¢ã§æ©Ÿèƒ½è¿½åŠ や仕様変更ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹Node.jsコアモジュールã¨ãƒ–ラウザå‘ã‘polyfillã«ãŠã‘る挙動ã®é•ã„(ギャップ)ãŒåºƒãŒã£ã¦ãã¦ã„ã‚‹å•é¡Œã«ã¤ã„ã¦èª¿ã¹ãŸã‚‚ã®ã§ã™ã€‚ ã“ã“ã§ã¯ https://nodejs.org/api/ ã«æŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã†ã¡ assertã®ã‚ˆã†ã«Node.jsã«ãƒãƒ³ãƒ‰ãƒ«ã•ã‚Œã¦ã„るモジュールã®ã“ã¨ã‚’Node.jsコアモジュールã¨å‘¼ã³ã¾ã™ã€‚コアモジュールã¯Node.jsã§ã®åˆ©ç”¨ã®ã¿ã‚’想定ã—ã¦ã„ã‚‹ãŸã‚ã€Node.jsã«ä¾å˜ã—ãŸå‡¦ç†ã‚’多ãå«ã‚“ã§ã„ã¾ã™ã€‚ãã®ãŸã‚ã€ã‚³ã‚¢ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ã‚³ãƒ¼ãƒ‰ã‚’コピーã—ã¦ãƒ–ラウザãªã©ã§å‹•ã‹ã™ã“ã¨ã¯é›£ã—ã„ã§ã™ã€‚ webpackã‚„browserifyãªã©ã®bundlerã¯ã€ã‚³ãƒ¼ãƒ‰ä¸ã«ã‚るコアモジュールを代替モジュールã¸ã¨ã™ã‚Šæ›¿ãˆã¾ã™ã€‚ã“ã®ä»£æ›¿ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ãƒ–ラウザå‘ã‘polyfillライブラリã¨ã‚ˆã³ã€ã“ã®polyfillライブラリ
Bankai, the friendly web compiler
The Web Platform is doing amazing! We have a multi-language, standardized Virtual Machine with a graphical layer running on virtually every device. If you want to share your things with an audience, there’s nothing with a wider reach! However, building the Web is by no means simple. There’s a lot that’s possible, which means there’s a lot to learn. But that shouldn’t prevent it from being easy to
GitHub - goto-bus-stop/browser-pack-flat: bundle browserify modules into a single scope, a la rollup
2017-09-05ã®JS: Headless Browserã®å¯¾å¿œã€Browserifyã®å†é–‹
JSer.info #347 - Firefoxã®Headlessモードã«ã¤ã„ã¦ã®ãƒ‰ã‚ュメントãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Headless mode - Mozilla | MDN Firefoxã®Headlessモードã¯Linuxã§ã¯Firefox 55ã‹ã‚‰ã€Mac/Windowsã¯56(ç¾åœ¨ã®Nightly)ã‹ã‚‰å‹•ä½œã—ã¾ã™ã€‚ Chromeã‚‚Mac/Linuxã¯Chrome 59ã‹ã‚‰ã€Windowsã¯Chrome 60ã‹ã‚‰Headlessモードを利用ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 以å‰2017-05-03ã®JS: Headless Chrome/Firefoxã¨PhantomJS/SlimerJSã€ES modules - JSer.infoã§ã¾ã¨ã‚ãŸç¾åœ¨ã®Headless対応状æ³ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚ Chromeã¯ç¾ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹60ã‹ã‚‰ã€Firefoxã¯æ¬¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹56ã‹ã‚‰å…¨ã¦ã®OSã§He
help wanted · Issue #5 · browserify/discuss
This thread might be a good place to list some of the issues that contributors new and old can jump in and help with. Everybody who has been added as a member of this org should be able to manage issues, push code to github, publish packages to npm, and add new members. If you would like access, please ask any existing member! There is quite a backlog of issues on the repos. Mostly this is my faul
JavaScriptライブラリ/プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å•é¡Œç‚¹ã‚’見ã¤ã‘る方法 - Qiita
ブラウザå‘ã‘ã®JavaScriptã ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ã‚る程度気ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®è¨ˆæ¸¬æ–¹æ³•ã‚„ボトルãƒãƒƒã‚¯ã¨ãªã£ã¦ã‚‹ãƒ©ã‚¤ãƒ–ラリã®è¦‹ã¤ã‘æ–¹ã«ã¤ã„ã¦ã§ãã‚‹ã ã‘ç°¡å˜ãªæ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ ファイルサイズ ファイルサイズã¨ä¸€è¨€ã«ã„ã£ã¦ã‚‚ã€ãƒ–ラウザã§ã¯å¤§ä½“minifyã—ã¦ã‹ã‚‰é…布ã™ã‚‹ã®ã§minify後ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚‚é‡è¦ã§ã™ã€‚ ソースコード自体ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º minifyã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º minify + gzipã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º コメントã®å¤šã„ソースコードã¯minifyã™ã‚‹ã¨ã‹ãªã‚Šå°ã•ããªã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è‡ªä½“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã§ã¯æ¯”較ã—ã«ãã„ã§ã™ã€‚ ã¾ãŸã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ãŠã„㦠assert モジュールを使ã£ã¦ã„ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒ10kb弱程度minify後ã§å¤‰ã‚ã‚Šã¾ã™ã€‚ assertモジュールã¯é€šå¸¸å¤–ã—ã¦ã‚‚å•é¡Œãªã„ã®ã§ã€unassertã§ãƒ“
package.json 㮠browser field 実践編 - Qiita
package.json ã® browser field 実践編 package.json ã® browser field 入門編 ã§ã¯ã€package.jsonã®browser fieldã®å½¹å‰²ã¨æ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã—ãŸã€‚ 本編ã§ã¯ã€ã“ã®æ©Ÿèƒ½ã®bundlerã”ã¨ã®å®Ÿè£…ã®é•ã„ã¨ã€ãれを回é¿ã™ã‚‹æ–¹æ³•ã‚’説明ã—ã¾ã™ã€‚ ã“ã“ã§å–り上ã’る実装ã®é•ã„ã¨ã¯ãšã°ã‚Špathã®è§£æ±ºæ–¹æ³•ã§ã™ã€‚ ./ã‹ã‚‰è¨˜è¿°ã™ã‚‹ã‹ã©ã†ã‹ .jsを記述ã™ã‚‹ã‹ã©ã†ã‹ mainã¨ã®å¯¾å¿œé–¢ä¿‚ ã“ã®3ã¤ã®è¦ç´ ãŒçµ¡ã‚“ã§ãã¾ã™ã€‚ ãªãŠã€ãƒ‘ス解決ã®resolverを指定ã§ãる系もã‚るよã†ã§ã™ãŒã€ã“ã“ã§ã¯å„々ã®bundlerãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã—ã¦ã„ã‚‹resolverã«ã¤ã„ã¦è«–ã˜ã¦ã„ã¾ã™ã€‚ (ãªãœãªã‚‰ã€resolverを外部ãŒæŒ‡å®šã—ãªã‘ã‚Œã°æ„図通りbundleã•ã‚Œãªã„ã¨ã„ã†ã®ã¯ã€åˆ©ç”¨è€…ã«ã¨ã£ã¦ã¯bundleã•ã‚Œãªã„ã®ã¨ã»ã¼åŒç¾©ã§ã™) 調査ã—ãŸbun
webpack 㧠Chrome 拡張を作ã£ã¦å¾—られãŸçŸ¥è¦‹ - ã‚‚ãªã§ãƒã£ã
æ–‡æ›¸æ ¡æ£ãƒ„ール textlint ã® Chrome 拡張を作ã£ãŸã®ã§ã™ãŒã€ãã®é–‹ç™ºã®éŽç¨‹ã§ãƒãƒžã£ãŸå•é¡Œã‚„対ç–ãªã©ã‚’記録ã¨ã—ã¦æ®‹ã—ã¦ãŠãã¾ã™ã€‚ ãªãŠã€textlint æ‹¡å¼µã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ github.com 1. textlint Chrome æ‹¡å¼µã®ä»•çµ„ã¿ textlint ã¨ã¯ azu ã•ã‚“ãŒä½œæˆã—ã¦ã„ã‚‹æ–‡æ›¸æ ¡æ£ãƒ„ールã§ã€Node ã®ãƒ‘ッケージマãƒãƒ¼ã‚¸ãƒ£ã§ã‚ã‚‹ npm を通ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ä¸èº«ã¯å½“然 Node ã® JavaScript 製ã§ã‚ã‚Šã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨ã—㦠Node ã§èªã¿è¾¼ã‚“ã§åˆ©ç”¨ã™ã‚‹äº‹ã‚‚ã§ãã‚‹ãŸã‚ã€textlint æ‹¡å¼µã§ã¯ãれを利用ã—ã¦ã„ã¾ã™ã€‚ Node ã®ã‚³ãƒ¼ãƒ‰ã‚’ Chrome æ‹¡å¼µã¨ã—ã¦å‹•ã‹ã™ã«ã‚ãŸã‚Šã€Chrome 拡張㮠JavaScript エンジンã¯ãƒ–ラウザã¨ã—ã¦ã® Chrome ã®ã‚‚ã®ã¨åŒç‰ãªãŸã‚ã€ã
GitHub - nolanlawson/rollupify: Browserify transform to apply Rollup (UNMAINTAINED)
Browserify transform to apply Rollup, converting ES6/ES2015 modules into one big CommonJS module. This tends to result in smaller bundle sizes, due to Rollup's tree-shaking and scope-hoisting capabilities. âš ï¸ Maintenance notice: This repo is unmaintained. I consider it largely a hack for migrating existing Browserify/CommonJS projects to Rollup/ESM. Probably you should just use Rollup instead, wit
RollupãŒã¡ã‚‡ã†ã©ã„ã„感㘠- Qiita
昨年ã®é€”ä¸ã‹ã‚‰ã¡ã‚‰ã»ã‚‰è€³ã«ã™ã‚‹ã‚‚ã®ã®ã€ã¾ã 「ãªã«ãれ美味ã—ã„ã®?ã€ãªRollupã§ã™ãŒã€é¦´æŸ“ã‚€ã¨æ‰‹æ”¾ã›ãªããªã‚‹æ„Ÿã˜ã€‚ã©ã‚“ãªã‚‚ã®ã‹ã€ä½¿ã„æ–¹ã‹ã‚‰ã€ãƒ—ラグインã®ã¤ãã‚Šã‹ãŸã¾ã§ã€æ¦‚観ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Rollupã£ã¦ä½•? 複数ファイルã«æ›¸ã‹ã‚ŒãŸJavaScriptã‚’ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãªã©ã‚’èªã¿è¾¼ã¿ã¤ã¤ã€ã²ã¨ã¤ã®ãƒãƒ³ãƒ‰ãƒ«ã«ã—ã¦ãれるツール。WebPackã¨ã‹Browserifyã¿ãŸã„ãªã‚„ã¤ã§ã™ã€‚ä¾å˜ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®è§£æ±ºã‚„ã€AltJSã®ãƒ—リコンパイルã—ãŸã‚Šã€ãªã©ã€‚大ããªç‰¹å¾´ã¨ã—ã¦ã€æ¬¡ã®ç‚¹ãŒã‚ˆã挙ã’られã¾ã™ã€‚ 生æˆãƒ•ã‚¡ã‚¤ãƒ«ãŒå°ã•ã„ ES6(ES2015)ãƒã‚¤ãƒ†ã‚£ãƒ– ドã‚ュメント類ã¯ã¾ã 最低é™ã¨ã„ã†æ„Ÿã˜ã§ã™ãŒã€WebPackã‹Browserifyã«ã•ã‚ã£ãŸã“ã¨ãŒã‚ã‚Œã°ã€ãã‚“ãªã«è¿·ã†ã“ã¨ã¯ãªã„ã‹ã‚‚。ãŸã ã€ãƒˆãƒƒãƒ—ページã«è¡Œã£ã¦ã‚‚æ£ç›´ã‚ˆãã‚ã‹ã‚‰ãªã„ã®ã§ã€ä»Šã®ã¨ã“ã‚WikiãŒä¸€ç•ªã®æƒ…å ±æºã§ã™ã€‚å…¬å¼ã®æƒ…å ±ã§è¦‹ã‚‹ã¹ãã¨ã“
node-browserify/changelog.markdown at v13.0.0 · substack/node-browserify · GitHub
This release bumps the buffer depedendency to v4, which has one possible breaking change: The buffer.toArrayBuffer() method on Buffer instances has been removed. (This is probably not a problem for 99.9% of users.) This API was added in node v0.11.8 and removed before v0.12 was released . It was added to browserify's buffer implementation but was never removed when v0.12 was released. buffer v4 re
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Release v17.0.0 · browserify/browserify
browserify/changelog.markdown at v16.0.0 · browserify/browserify
browserify/changelog.markdown at v15.0.0 · browserify/browserify
[WIP] ES modules by goto-bus-stop · Pull Request #1787 · browserify/browserify![[WIP] ES modules by goto-bus-stop · Pull Request #1787 · browserify/browserify](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d7aae128cbb3a487fb371e55422d694e93ac7b5/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F604a34fe09cd9dd86fb4f70996e7cd464b7bfc06599768b190578564e03ce55d%2Fbrowserify%2Fbrowserify%2Fpull%2F1787)
GitHub - browserify/tinyify: a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!
GitHub - browserify/ify-loader: Webpack loader to handle browserify transforms as intended.
GitHub - webpack/node-libs-browser: [DEPRECATED] The node core libs for in browser usage.![GitHub - webpack/node-libs-browser: [DEPRECATED] The node core libs for in browser usage.](https://cdn-ak-scissors.b.st-hatena.com/image/square/347cb45447bd3c22cc143e0c565dfa132225e82f/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fb999d0315dbaed82f896db779f2831e4654c3d53668b31519f61234aeb8a611f%2Fwebpack%2Fnode-libs-browser)
Quick Browserify
GitHub - mattdesl/urify-emitter: [proof-of-concept] emits files instead of inlining datauri statements
{{#tags}}- {{label}}
{{/tags}}