10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact

[tomoya]

さくっと最近の自分のフロント回りの開発環境をまとめました。HTMLとCSSをほとんど書かなくなりました。

[naqtn]

専業でなく時々何かのついでで必要に迫られフロント界隈を開発しようとすると毎度つらい。

[strawberryhunter]

フロントエンド()はみんながみんなオレオレでやっているので投資効率が悪い。

[t-wada]

テストのところだけ定番がない感があるので power-assert で戦争を終わらせに行くぞ! (ということでオススメは mocha + power-assert です)

[shogo_okamoto]

将来の保守とか更新とかどうするんだろう？全部捨ててまた作りなおすのか。

[windish]

JSのテクノロジーって「なぜこれを使うに至ったか」の説明がなく突然出てきて解説されることが多くてつらい。

[oooooo4150]

フロント界隈には枯れた技術とかはないの？

[daaaaaai]

2016年の記事。ここから3年・・・慧眼だと思う、、、

[fufufukakaka]

『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という呪文に最近は全く驚かなくなり、意味が良く分かるようになりました。成長を感じる...！

[lapurete]

“ material-ui ”

[jama_ican]

“material-ui”

[araishi]

“学習コストは一気に跳ね上がりましたが、逆に言えば、Webの進化が激しい中、10年前からほぼ変っていなかったフロント回りの技術が、いよいよ時代に追い付かなければならなくなり、去年みたいな大変革が起きたと思え

[naari_3]

うーん地獄みたいなかんじ

[hiroyuki1983]

わけわからんライブラリ書いてる暇があったらプロダクトコード書けよ

[t2wave]

お手本にする

[uorat]

定期的に読み返しているので、あらためてはてブる。

[naohiko7]

先月の記事 「10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。」web 開発。 興味深い。

[sadakoa]

“1年で最先端Webエンジニアになれる、サウスピーク光速Webエンジニアプラン【先着10名、5月末まで】”

[mohno]

とりあえずメモ。

[karasumaru-hy]

js周りの選定に

[kikiki-kiki]

色々覚えなきゃって焦りがあるのと同時に、まだ乱立混沌状態な気がしてる。すぐに消えるサービスならいいけど、保守運用が必要そうなプロダクト未来の運用者が阿鼻叫喚になるんじゃないかなーって懸念がすごくある。

[takaken1123]

[2016-04-20 20:59]

[fujihiro0]

諸悪の根源は JavaScript

[matsubobo]

“Redux”

[nextmedia]

10年ぐらいflashに夢中でフロント界隈に近づかないでよかった。

[blueroom555]

ES2015・ESLintあたりはともかくReact.jsとか無いから。Angularもだけど効率性と歪みのトレードオフって話から先に進めてないでしょ。JSXの醜さを許容する人間の審美眼てなんなんだろう

[ccscooter]

“々な動きがありました。トランスパイラは、BabelがReactをサポートしたことなどもあり、完全に一本化した感がありますが、ビルド処理は、Grunt、Gulp、Browserify、webpackなどのツールを、どの組み合わせで選択すれば良いのか

[ryo88c]

こういう話題に「フロントエンドはこんなに色々なプロダクトを使わないとダメなのか」って反応するのか、それとも「要求に応じてプロダクトが細分化されてきたので運用しやすくなった」と反応するのかによって、その

[sigithermawan]

http://blog.livedoor.jp/sigit12/archives/48339418.html

[iww]

だから、まずJavaScriptなくても動くように設計するんだ。 ライブラリは素のjQueryだけで済ますんだ。

[pixmap]

技術を使うだけなら数日で使えるようになるだろうが、これらがプロジェクトやチームの形態に合っているか、数年間の運用に耐えうるかを判断するには、より広く深く知識を得ないといけないんだよな。

[samesam]

この組み合わせの羅列を見て異常と思わないのはどうかしてる。

[J138]

フロントエンドはjqueryに頼りすぎたんだよ

[nektixe]

“ Airbnb JavaScript Style Guide”

[fjsk]

JavaScriptっていう決まったプログラム言語を出力するのになんでこんな事になるのかという意味では「おかしい」/マジでどうしてこういうツール・FWを使うことになるのかをそれぞれのツールごとに解説して…

[masa8aurum]

TODO: よし、React, redux を学ぼう。 >『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせ

[saboyutaka]

10年のツケ払ったそうなのでそろそろやるぞ