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 のものと同等なため、そ
Rollupがちょうどいい感じ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨年の途中からちらほら耳にするものの、まだ「なにそれ美味しいの?」なRollupですが、馴染むと手放せなくなる感じ。どんなものか、使い方から、プラグインのつくりかたまで、概観してみたいと思います。 Rollupって何? 複数ファイルに書かれたJavaScriptを、モジュールなどを読み込みつつ、ひとつのバンドルにしてくれるツール。WebPackとかBrowserifyみたいなやつです。依存モジュールの解決や、AltJSのプリコンパイルしたり、など。大きな特徴として、次の点がよく挙げられます。 生成ファイルが小さい ES6(ES2015)
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/aa0cba9e314442523c038923846d654408b6c64e/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/7160610520dad6683fc07f5b89cbcc9b96f1b8bc/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F813a8e35849614fc9e018e387918cac45f9f45c29a4bae598fbccf534dd09c8c%2Fwebpack%2Fnode-libs-browser)
GitHub - nolanlawson/rollupify: Browserify transform to apply Rollup (UNMAINTAINED)
Quick Browserify
GitHub - mattdesl/urify-emitter: [proof-of-concept] emits files instead of inlining datauri statements