[B! webpack][javascript] matsuoshiのブックマーク

JavaScript モジュールの現状 | POSTD

(注：2017/07/19、いただいたフィードバックを元に翻訳を修正いたしました。) ESM、CJS、UMD、AMD 　—　どれを使うべき？最近、 Twitter では、 ESモジュールの現状、特に、 *.mjs をファイル拡張子として導入すると決めた Node.js の現状について大騒ぎになっています。この話題は複雑で、かなりの労力を費やしてそれに専念しないと議論について行けないので、皆が恐れと不安を抱くのも無理はありません。古き恐れフロントエンド開発者なら、 JavaScriptの依存関係の管理に悩まされた日々を憶えている人も多いでしょう。あの頃は、ライブラリをベンダーフォルダにコピー&ペーストし、グローバル変数に依存し、あらゆる物を正しい順序でconcatしようとしてもネームスペースの問題に対処する必要がありました。何年もかかって、私たちは共通モジュール形式と中央集権

matsuoshi 2017/08/07

リンク

Universal JavaScript

Roppongi.rb #3 Rails x Frontend-Tech

matsuoshi 2017/06/05

リンク

Webpack の本質とそれがよく分かるチュートリアル - おいちゃんと呼ばれています

DHH さんが Rails 5.1 に Webpack を取り入れる意向を示し、webpacker gem なるものをつくり始めたようである。今後ますます Webpack は利用されていくであろうが、一方で Webpack はいろんなことができ過ぎるが故にかえって本質が掴みにくい点があると思う。そういえばこの間も、同僚のデザイナーに Webpack がよく分からないんですけど？と質問されていたのだった。そこで今回 Webpack の本質つまり Webpack がどんな問題を解決しようとしているものなのかについて整理する。また Webpack の中核となる機能をよく理解できるチュートリアルを見つけたので紹介する。（フロントエンドエンジニア Advent Calendar 2016 - Qiita の 9日目が空いていたので、後付けだけどそこに登録した） Webpack がつくられた背

matsuoshi 2016/12/12

リンク

katatema.js - ✘╹◡╹✘

次のようなコードを書いて、 import React from "react" export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、katatema というツールをつくった。 <!DOCTYPE html> <html> <head> </head> <body> <div>Hello!</div> </body> 最先端の消耗前にキーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘ で、こういうことを書いた。 id:moznion へ、寒い日が続きますがお元気ですか。ともあれChrome拡張を1つこさえれば、大の大人が寄ってたかってモダンと言い合う類のものが一通り学べるだろうと思います。最近のJavaScriptの周辺環境は大変で、何をやるに