2018/12/8 Frontend Conference Fukuoka 2018にて発表した資料です。
500日のトライエラーから生まれた大規模設計ノウハウ / Frontend Conference Fukuoka 2018 - Speaker Deck
2018/12/8 Frontend Conference Fukuoka 2018にて発表した資料です。
大規模プロダクトにおけるフロントエンドの1年間の変化 - Qiita
プロダクトに関わるエンジニアは40人近くいて、弊社ではフロントエンド/サーバーサイドといった明確な線引きがないため全員がフロントエンドに触れる機会が有りえます。開発チーム・コード共にそれなりに大規模と言えるのではないでしょうか。 やったこと モジュール間の依存解決 もともとRailsのSprocketsに沿ってjsを書いていたため、classは全て一つのグローバル変数に格納され、全てのjsが結合された巨大なapplication.jsをロードしている状態で、メンテナビリティやパフォーマンスに大きな問題を抱えていました。そこで去年よりWebpackを導入し、各モジュールの依存関係を整理してjsファイルを適切な単位に分割するようにしました。ファイル数が多いため段階的に作業をつづけ、今年ようやく全てのファイルの依存解決が完了することができました。 過渡期はWebpackとSprockets両方か
大規模プロダクト Webpack やっていく気持ち
6. フロントのモダン化進行中 • CoffeeScript, Backbone.js, Sprockets -> Babel(ES2015), React.js, gulp.js, Webpack • 新規開発やリファクタ部分をメインに段階的 に移行中 • 似たような話は最近ちらほら 7. ビルドはgulp.js & Webpackで • scss, images, template -> gulp.js で build & watch • JavaScript(ES2015), CoffeeScript -> Webpack でbuild & watch • npm scriptでまとめて実行
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
