JavaScript フロントエンド開発環境の私的まとめ

はじめに

• JavaScriptでのフロントエンド開発環境の概要の理解のため、記事を読みつつ、簡単にまとめています (2016/01/04 時点)。
• 元々、サーバサイドを主にやってましたが、こちら側についてもやらないといけないなぁ、という感じです。

まとめ

AltJS

JavaScript がいろいろと大変なので、その代替とするための言語群。他にもいろいろありますが、取り急ぎ勉強を進めるにあたっては、以下のあたりで良いかなと思っています。

TypeScript

静的型付け、型推論などが良く聞く特徴。Microsoft 製、良いのか、良くないのか。

• Welcome to TypeScript
• TypeScript - Wikipedia
• TypeScriptに関する415件の投稿 - Qiita

ECMAScript6

現行 JavaScript (ES5) の進化系。ブラウザでの対応状況は見ていませんが、トランスパイラ込みの記事をよく見るので、まだもう少しなのでしょう。

• ECMAScript
• ECMAScript - Wikipedia
• ECMAScript6に関する27件の投稿 - Qiita
• es6に関する175件の投稿 - Qiita

トランスパイラ

tsc コマンド

TypeScript -> ES5

• 「tsc」の検索結果 - Qiita

Babel

ES6 -> ES5

• Babel · The compiler for writing next generation JavaScript
• babelに関する131件の投稿 - Qiita

モジュール管理(?)

Browserify

• Browserify
• browserifyに関する122件の投稿 - Qiita
• Browserify: それはrequire()を使うための魔法の杖
• browserify の読み方｜YOMIKATA

Webpack

• webpack module bundler
• webpackに関する99件の投稿 - Qiita

タスクランナー / ビルドツール

Gulp.jp

• gulp.js - the streaming build system

• gulp.js plugin registry

• gulpに関する462件の投稿 - Qiita

• gulp-typescript

• gulp の読み方｜YOMIKATA

Fly

• bucaran/fly
• Flyに関する4件の投稿 - Qiita
• Gruntやgulp等に続くタスク自動化ツール「Fly」の導入手順

その他 (なんか便利そう。まだよく分からない)

babelify

• babel/babelify
• babelifyに関する5件の投稿 - Qiita

watchify

• substack/watchify
• watchifyに関する12件の投稿 - Qiita

tsify

• tsify
• tsifyに関する1件の投稿 - Qiita

感想

* このあたりは、これくらいフォローしておけば大丈夫なのでしょうか。

• くらくらしますね。まだテスト環境等もいろいろあるというのに。
• 続く (?)。