Jump to the content

フロントエンドの開発効率を劇的に上げる、現場で使われているオリジナルスターターキット・テンプレート

Frontend

どうも、イソップです。

Web制作の現場で実際に使われているものを、ぼくの知っている限りまとめてみます。

kayac-html5-starter

面白法人カヤックさんで使われているWebスターターキット。
構成は必要最小限という感じ。

HTMLテンプレート: pug
CSSメタ言語: Sass(scss)
Javascript: ES2015(ECMAScript 6)

  • gulp.js
  • Babel
  • browserify
  • pleeease
  • browser-sync
  • jQuery
  • Reset CSS

リポジトリ

frontplate

LIGのCTO林さんが作られているフロントエンドテンプレート。
ユニットテストが行えたり、CLIで操作出来たりと盛りだくさんな作りになっています。

構成は以下。

HTMLモジュール(ejs)
SASS(node-sass)
ES2015(babel)

  • SASSLint(sass-lint)
  • スタイルガイド生成(frontnote)
  • JSモジュールバンドラー(webpack)
  • スプライト画像の作成とSassファイルの出力(spritesmith)
  • CSS/JSの圧縮と最適化(postcss-csso google-closure-compiler)
  • CSSのベンダープレフィックス付与自動化(autoprefixer)
  • ユニットテスト(karma jasmine)
  • LiveReload(browser-sync)
  • ESLint(eslint)
  • HTMLHint(htmlhint)

リポジトリ

現在情報募集中です

まだ2つしか無い。。他にも絶賛募集中です!載せて欲しいものなどありましたら、お気軽にご連絡ください。
※現在公開されているものに限ります。

注目記事

最近の記事

ぼくが書いてます

イソップ

フロントエンドエンジニア

イソップ

ページの先頭に戻る

Search results

×