コンパイラかく語りき

import { Fun } from 'programming'

ES6

npmパッケージ「array-flatten」

npmのパッケージを触ってみるシリーズ。 chuckwebtips.hatenablog.com chuckwebtips.hatenablog.com array-flattenとは 配列を平坦化してくれるパッケージです。 詳しくは後述の例を参照ください。 github.com インストール $ npm install array-flatten 使…

ちょっとES2015を書いて、手元で実行させたいときにやること

メモ書きです。 npmのパッケージをインストールして、それを手元で作動させてみる。みたいな時があると思います。 タスクランナーを走らせたりバンドルするまでもないけど、さくっとトランスパイルしたい。 そんな時、babelをターミナルで動かすと便利だなと…

Tree shakingの話

前回、Rollupについて書きました。 chuckwebtips.hatenablog.com Rollupの中心的な概念として、”tree shaking”というものがあるそうです。今回はその仕組について調べましたのでメモします。 ※筆者は最近フロントエンドの世界にやってきました。この記事はあ…

Rails環境にWebpackを導入する(後半)

どうも、chuckです。 前回は以下の記事を参考に、Rails環境にWebPackを導入してみました。 qiita.com その記事がこちら↓ chuckwebtips.hatenablog.com 前回までで、環境設定は終わったので、今回は実際にJSを書いてビルドをしてみようと思います。 モダンJav…

クロームでES6が実行できる拡張機能「ScratchJS」の使い方

ES6

きっかけはこちらの神ブラウザ。 JavaScript/CSS 2015 Autumn from Koji Ishimoto www.slideshare.net 周回遅れのフロントエンドエンジニアとしては、もう藁にもすがる思いで跳ぶつきましたね。ええ。 このスライドの中で、「ES6を実行できるクロームExtensi…