2017/1 ぼくがかんがえるさいこうのフロントエンド

異論は認める

あとcssとテスト周りが弱いので誰か教えて欲しい

早く作りたい（メンテとかなくて、早く作る人向け）

前提

• server sideのassets機構に乗っかる（railsのasset pipelineみたいな）
• コンポーネント化とか考えない
• E2Eテストとか考えない

採用技術

• Vanilla JS
• babel
  • babel-presets-es2015
  • babel-presets-es2016
• jQuery
• cssフレームワークは好きなの使えば良いと思う
• eslint
• csslint

そこまで凝りたくは無いんだけど、ややこしくしたくない（早く作らなきゃいけないんだけどメンテも発生する人向け）

前提

• server sideのview機構に乗っかる（railsのasset pipelineみたいな）
• コンポーネント化とか考えない

採用技術

• Vanilla JS
• babel
  • babel-presets-es2015
  • babel-presets-es2016
  • babel-preset-stage-2
• jQuery
• cssフレームワークは好きなの使えば良いと思う
• eslint
• csslint
• power-assert
• browserify/webpack
  • babelify

ちょっと凝ってみたい

前提

• サービスによって考える

採用技術

• Vanilla JS/TypeScript
• babel
  • 使いたい分だけ使え
  • babel-preset-react
• Vue.js/React
• jQuery
• cssフレームワークは好きなの使え
• eslint
• csslint
• browserify/webpack
  • vuelify/react-require
  • babelify
• power-assert/ava

凝りたい

前提

• ここまで知っている人ならあとは大丈夫だ😉
• 半分ネタです

採用技術

• TypeScript
• React/AngularJS
• material-UI/flat UI
• eslint
• csslint
• webpack/systemJS(JSPM)/rollup
• power-assert/ava
• testium/Nightwatch/Intern/protractor(for AngularJS)