モノリシックな Ruby on Rails サービスからの Webpacker の剥がし方 | 働くひとと組織の健康を創る iCARE

2021/07/20 11 users iCARE 脱却 ひと 半年 未着手

iCARE の提供しているサービス Carely では 2020年の 10月から半年ほどかけて Webpacker からの脱却を行いました。似たような記事はいくつかありますが、まったくの未着手から解説したものはないと思うので、記録をかねてまとめました。長めの記事になりますが同じことで困っている方の参考になれば幸いです はじめに - ... 続きを読む

Railsを主戦場としている自分が今後学ぶべき技術について(随筆) | うなすけとあれこれ

2020/12/13 400 users Rails 随筆 DHH mizchi 主戦場

Rails の問題は Rails のベストプラクティスがフロントエンドのベストプラクティスの邪魔になるどころか全く逆方向で相反してる点です。DHHの思想がフロントエンドと根本的に逆行してる。そういう人が作るフレームワークなのでwebpackerの抽象化を根本的に間違ったりする。 — prev.js (@mizchi) December 1, 2020 昨日も... 続きを読む

Simpacker: Rails と webpack をもっとシンプルにインテグレーションしたいのです - クックパッド開発者ブログ

2019/07/08 126 users Webpack Rails hokaccha 外村 gem

技術部の外村（@hokaccha）です。Rails で webpack を使うためのシンプルな gem を作ったのでそれについて紹介します。 Webpacker Rails で webpack を利用した Web フロントエンドの環境を作る場合、最近では Webpacker が選択されることが多いでしょう。Rails 6 からは Webpacker が標準になることもあり、この流れは... 続きを読む

Webpackerを導入してから外すまでをふりかえる - Misoca開発者ブログ

2019/02/22 81 users Misoca開発者ブログ

こんにちは、@mugi_unoです。 MisocaでjQuery製のフロントエンドコードを書き換え続けていた結果、技術書典6に参加することになりました。現在必死で書いております。 farewell_webpacker さて、先日とあるブランチがmasterにマージされ、リリースされました。 farewell : ごきげんよう！、さらば！ farewellの意味・使... 続きを読む

Steb by Step で剥がす Webpacker - 30歳からのプログラミング

2019/02/14 38 users Webpack Rails プログラミング 手順 現時点

この記事では、Webpackerを使っている Rails アプリからWebpackerを剥がし、webpackを使うようにするための手順を書いていく。 Webpackerを止めたい理由は様々だが、主な理由は以下のような感じだろうか。 現時点ではWebpackerが使用しているwebpackのバージョンは3.xで、最新バージョンに追従できていない webpackの設... 続きを読む

今日から簡単！Webpacker 完全脱出ガイド - pixiv inside

2018/08/06 260 users Webpack pixiv inside Rails gem

こんにちは、@f_subal です。普段はおもに pixivFACTORY のフロントエンドを見ています。 今回は pixivFACTORY において、フロントエンドのビルドに Webpacker を利用するのをやめた話をします。 Webpacker をやめよう rails/webpacker は Ruby on Rails のプロジェクトに webpack を導入する際に用いられる gem です。... 続きを読む

Webpackerへの移行を機にフロントエンド開発を改善 - メドピア開発者ブログ

2017/10/29 55 users GitHub Rails pipopotamasu メドピア

2017 - 10 - 30 Webpackerへの移行を機にフロントエンド開発を改善 Tweet Share on Tumblr こんにちは。メドピアでエンジニアをしている村上( pipopotamasu · GitHub )です。 普段はRailsを触っていますが、時々フロントエンド周りの開発もしています。 今回はメドピアの環境におけるWebpacker導入とフロントエンド周りの改善をテーマに... 続きを読む

Hypernova/Webpacker/Turbolinks でSSRできてSPA風に動くスケルトンを作った - Qiita

2017/10/16 39 users Qiita turbolinks Hypernova

https://github.com/mizchi-sandbox/packnova 対象 Rails だけどSPAっぽく画面遷移したい SEO担保しないといけない 新規設計の参考 jQuery まみれの状態からこれと同等のことをするのは、不可能じゃないけど難しいです。 単にどう導入するか知りたいだけなら https://github.com/mizchi-sandbox/packnova/com... 続きを読む

sourcemap を無効化して webpacker の production build を 2000% 速くする - Qiita

2017/09/20 40 users Qiita SourceMap Compile ヒジ デプロイ

TL;DR プロダクションで sourcemap が有効化されていたので、関連オプションを切って回ったら 2000% 高速化した。 問題 NODE_ENV=production bundle exec rake webpacker:compile が致命的に遅かった。 エントリーポイントが17個でビルド時間が合計680s という有様で、プロダクションとはいえ デプロイ を11分遅くさせるのは、ビジ... 続きを読む

Webpackerを使ったRailsでのJavaScript開発 - クックパッド開発者ブログ

2017/03/27 156 users Rails Webpack 長田 Rails上 プロジェクト

2017 - 03 - 27 Webpackerを使ったRailsでのJavaScript開発 こんにちは。マーケティングプロダクト開発部の長田です。 この記事では、私が現在進めているプロジェクトで、Webpackerを使ったJavaScriptのモジュール管理を導入したので、それについて紹介したいと思います。 Webpackerとは Webpackerとは、Webpackを用いてRails上でJ... 続きを読む

Rails5.1から導入されるwebpacker.gemは本当にRailsのフロントエンド開発に福音をもたらすのか? - Qiita

2017/02/27 282 users Rails Qiita YARN gem beta

Rails5.1から導入されるwebpacker.gemは本当にRailsのフロントエンド開発に福音をもたらすのか? Rails Rails5 webpack Rails5.1が今betaで出ていますね。中でも目玉はwebpacker.gemによるモダンなフロントエンド開発がRailsに導入されることでしょう。 今までのRailsのasset pipelineとは別に、yarnによって依存性を管理... 続きを読む

Webpack の本質とそれがよく分かるチュートリアル - 彼女からは、おいちゃんと呼ばれています

2016/12/11 157 users Webpack おいちゃん gem チュートリアル 意向

2016 - 12 - 11 Webpack の本質とそれがよく分かるチュートリアル Webpack JavaScript DHH さんが Rails 5.1 に Webpack を取り入れる意向 を示し、 webpacker gem なるものをつくり始めたようである。 今後ますます Webpack は利用されていくであろうが、一方で Webpack はいろんなことができ過ぎるが故にかえって本質が... 続きを読む

GitHub - rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails

2016/12/07 54 users GitHub Rails

README.md Webpacker Webpacker makes it easy to use the JavaScript preprocessor and bundler Webpack to manage application-like JavaScript in Rails. It coexists with the asset pipeline, as the purpose i... 続きを読む