ES6を使ったフロントエンドの開発環境を作ってみた。概要としては、タスクランナーにgulpを使い、いくつかのソースファイルにわかれたES6のコードをbrowserifyで1つにまとめて、Babelで現行のブラウザで動くJavaScriptコードにトランスパイルする。他にuglifyで難読化やソースマップの出力、HTMLやCSSのビルドも行う。 前提としてnode.js, npmがインストールしてあるものとする。 俺用完成コード:https://github.com/tyfkda/FrontendTemplate (追記:本記事から多少内容が変更されてます) git clone, npm install して使える。 プロジェクトディレクトリの作成プロジェクト用にディレクトリを作り、その中で環境を構築していく: $ mkdir ~/gulptest # プロジェクト用ディレクトリ作成 $ c