タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
モノリシックな Ruby on Rails サービスからの Webpacker の剥がし方 | 働くひとと組織の健康を創る iCARE
iCARE の提供しているサービス Carely では 2020年の 10月から半年ほどかけて Webpacker からの脱却を行いました。似たような記事はいくつかありますが、まったくの未着手から解説したものはないと思うので、記録をかねてまとめました。長めの記事になりますが同じことで困っている方の参考になれば幸いです はじめに - Carely の構成について もともとは Rails5 のスタンダードな構成だったものを、 Webpacker を導入して GraphQL + Vue2 の構成に移行。SPA ではなくエンドポイントごとにエントリーポイントがあるような構成になっています ルーティングなどは Rails に則りつつ、画面はほぼ Vue2 で構成されています。もちろん古い slim + sprockets の画面も残っているため coffee script のファイルも一部健在です
ありがとう Webpacker さようなら Webpacker - クラウドワークス エンジニアブログ
こんにちは。crowdworks.jp における技術的負債の解消をリードするジャンヌチームです。 12 月ということでアドベントカレンダーの時期ですね。今年も弊社で開催しており、合計 25 名が参加して盛り上げております。 qiita.com ジャンヌチームからは @okuto_oyama が今年のフロントエンド活動の振り返りをしていました。 engineer.crowdworks.jp その中の１つに「Webpacker から Simpacker + webpack 構成へ」というものがあり、今回はそれに関する取り組みを紹介していきます。 Webpacker とは Webpacker は Rails アプリケーションにおける webpack でのフロントエンド開発をするときに用いる公式ライブラリです。このライブラリの利点として webpack のビルドシステムに詳しくなくとも汎用的な設定
Rails7で importmap-rails、jsbundling-rails という新しいフロントエンドの仕組みが取り入れられました。 ここでは詳細は省きますが、以下の3つの技術的な背景があり、これまで利用してきたWebpackerを利用する必要がなくなっていました。 ES6 : IEのサポートが終了。ES6が主要ブラウザでサポートされるようになり、トランスパイルが不要。 HTTP2 : 多数のファイルをブラウザで受信してもパフォーマンスへの影響は大きくなった。そのため、JSをバンドルする必要がない。 import maps : importするモジュールの名前解決する仕組みが策定。chrome系でサポートされ、他のブラウザもshimで利用できる。 突然のさよなら その日は近い将来やってくるだろうと思っていましたが、 rails commit log流し読み(2022/01/21) -
週刊Railsウォッチ（20210201前編）Webpackerのガイドがマージ、RailsはRuby 3でどのぐらい速くなったかほか｜TechRacho by BPS株式会社
2021.02.01 週刊Railsウォッチ（20210201前編）Webpackerのガイドがマージ、RailsはRuby 3でどのぐらい速くなったかほか こんにちは、hachi8833です。 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙇 TechRachoではRubyやRailsの最新情報などの記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチ
苦しんで覚えるwebpackerのバージョン更新
webpackerのバージョン更新作業 現代のWeb Applicationのviewを作成する場合はReact・Vue、Angular等のライブラリを利用する事例が増えたと思います。それらのライブラリを利用する場合はビルドツール、多くはデファクトスタンダードになっているwebpackを利用しているかと思います。 Railsも例外ではなく、Railsのversion 6からはRails用にwebpackをwrapしたwebpackerがデフォルトでinstallされるようになっています。 webpackerの導入事例はよく耳にしますが、その後の更新作業を耳にすることは少ないです。 Railsを利用するからにはRails Wayに乗ることが重要であり、そのためにはRailsアプリケーションを継続的に更新していく必要はあります。webpackerに関しても例外ではありません。 今回はv4.3.
週刊Railsウォッチ（20200316前編）Webpackerの対抗馬Simpackerはいかが、Hanami::APIは高速性をフィーチャー、N+1と戦うgemほか｜TechRacho by BPS株式会社
2020.03.16 週刊Railsウォッチ（20200316前編）Webpackerの対抗馬Simpackerはいかが、Hanami::APIは高速性をフィーチャー、N+1と戦うgemほか こんにちは、hachi8833です。こちらはオンラインイベントや無料コンテンツのまとめサイトだそうです↓。 サイト: オンラインフェスジャパン onlinefesjapan.comより つっつきボイス:「音楽ライブ系の情報多いですね🎶」「フェスだからいろいろあるかも」「漫画や書籍が無料で読める系も📓」「毎週のようにライブ見に行ってる知り合いも、ここ最近イベント中止が相次いで週末やることなくなったって言ってますし😆」「毎週のようにってスゴい😳」「自分の回りのJリーグファンもみんな気落ちしてますし😭」 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「
コラム - Ruby on Rails 海外事情コラム | 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？｜CTC教育サービス 研修/トレーニング
CTC教育サービス・ホーム ＞ コラム ＞ Ruby on Rails 海外事情コラム ＞ 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？ [IT研修]注目キーワード Python UiPath(RPA) 最新技術動向 Microsoft Azure Docker Kubernetes 第57回 なぜRails 6にはWebpackerとSprocketsの両方が含まれているのでしょうか？ (野田貴子) 2020年6月 こんにちは。アプリケーションを作るときには、様々な技術の取捨選択を行いますよね。たとえば、フロントエンドの実現に使う技術（React、Vue、Angular、jQueryなど）の選択です。私も、これまでに何度も何度も類似技術の調査をして、比較表を作り、上司やチームメイトに提案してきました。その度に、「すでにどこかに要
導入部 新規PJでwebpackerの利用を考えている人へ(2022/01/24 追記) WebpackerはRails 7以降では使う理由がなくなり、今後は開発が止まっていきます。 新規PJでwebpackerは採用しない方が良いでしょう。以下の公式リンクをご参照ください。 はじめに RubyやRailsをメインで開発していて、「正直JSはよくわからん」という人は、結構いると思います。 しかしブラウザがそこにある限り人類はJSから逃れることはできません。 この記事は、JSに苦手意識のあるRubyistたちにwebpackとお友達になってもらうために書きました。 webpackerが何なのか知っておくと、役に立つ日が絶対に来るので、ぜひ知らない人は読んでください。 もし私がJSをよく知らないRails開発者だったら、webpackやwebpackerが何者なのかを、こう教えてほしいという気
週刊Railsウォッチ（20200330前編）Active Record Doctorで診断、Webpacker 5、GitHubのViewComponentとRails 6.1の3rd-party component frameworkほか｜TechRacho by BPS株式会社
2020.03.30 週刊Railsウォッチ（20200330前編）Active Record Doctorで診断、Webpacker 5、GitHubのViewComponentとRails 6.1の3rd-party component frameworkほか こんにちは、hachi8833です。 つっつき前ボイス:「このところフルリモートで自宅作業していると、つい人と口をきくのを忘れちゃいそうになるので、つっつき会参加します」「そんなに」「ゴミ捨て以外まったく外に出ませんでした」「ほぼパーフェクト」 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 毎月第一木曜日に「公開つっつき会」を開催しています: お気軽にご応募ください ⚓
Rails: Webpacker→jsbundling-rails+webpackアップグレード手順（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: jsbundling-rails/switch_from_webpacker.md at main · rails/jsbundling-rails 原文更新日: 2024/01/05（053cbd3） ライセンス: MIT 表記の大文字小文字は「Webpacker」「Shakapacker」「webpack」「jsbundling-rails」「cssbundling-rails」に統一しました。 2022/02/03: 初版公開 2022/09/06: 更新 2024/01/22: 更新 本ガイドでは、Webpacker 5からjsbundling-rails + webpack 4への移行方法を手順を追って解説します。Webpacker/Shakapacker v6への移行方法については、Shakapackerのアッ
Rails: Webpacker v5からShakapacker v6へのアップグレードガイド（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: shakapacker/v6_upgrade.md at master · shakacode/shakapacker 原文更新日: 2023/08/13（bdf8366） ライセンス: MIT 2022/03/10: 初版公開 2022/05/26: 原文に合わせて更新 2022/09/01: 原文に合わせて更新 2023/08/08: 原文に合わせて更新 表記は「Webpacker」「webpack」「Shakapacker」で統一しました。 以下の記事もどうぞ。 Rails: Webpacker（Shakapacker）とjsbundling-railsの比較（翻訳） Shakapacker v6では、Webpacker 5からの移行に伴う大幅な変更点がいくつかあるため、手動での対応が必要です。本ガイドはそうした作業
これは フィヨルドブートキャンプ Part 2 Advent Calendar 2020の5日目の記事です。 前日はjune29さんの成長の早いジュニア・ソフトウェアエンジニアの特徴でした。 Part1もありますので是非ご覧ください。 フィヨルドブートキャンプ Part 1 Advent Calendar 2020 自己紹介 はじめましての方もいらっしゃると思いますので改めて自己紹介しておきます。sasaboといいます。 今年の3月からフィヨルドブートキャンプというプログラミングスクールに通い10月より受託開発を行う会社にWebエンジニアとして就職しました。 今のところ元気よくエンジニア生活を送っています。 このブログは実務未経験の元自動車会社勤務のサラリーマンがエンジニアとして生活する様子を綴ったブログです。 いつもは技術的なことは書いておらず 「本当にこいつはエンジニアなのか？」とそろ
週刊Railsウォッチ（20200309前編）Webpackerに乗り換えるべき理由25、Railsのindex_byとindex_withは有能、GCPはやっぱりスゴいほか｜TechRacho by BPS株式会社
2020.03.09 週刊Railsウォッチ（20200309前編）Webpackerに乗り換えるべき理由25、Railsのindex_byとindex_withは有能、GCPはやっぱりスゴいほか こんにちは、hachi8833です。生まれてはじめてRailsにプルリク投げて一瞬でマージいただきました😂。 PR: [ci skip] Security guide: change raw HTML elements and signs to backquoted ones by hachi8833 · Pull Request #38610 · rails/rails つっつきボイス:「お、ついにRailsにプルリク🎉」「土曜に投げたんですが、数分もしたらkamipoさんがマージしててたまげました😳」「kamipoさんの常駐率スゴそう⛩」「セキュリティガイドのmarkdownに>
SprocketsをやめてWebpackerに移行したのでどうやったか公開する - patorashのブログ
ようやくSprocketsからWebpackerに移行したので、そのためにやったことをまとめておきます。 移行前の状態 Railsのバージョンは6.0系 Sprockets4 CoffeeScript Sass Bootstrap3を使用 yarnは使ってる 筆者（私）はECMAScriptに関してはそこまで詳しくなくて、今後習得していきたいと思っているレベル。 方針 「とにかくWebpackerに移行する」ということを念頭に置き、JavaScriptを完璧にモジュール化する等は目指さない。Webpackerで動けばいい。後でリファクタリングしていくから！ Webpackerをざっくり理解する Webpackerはwebpackの設定などをほとんど意識することなく、いい感じに使えるようにしてくれるやつです。 webpackをざっくり理解する じゃあwebpackって何？となるかと思いますが
週刊Railsウォッチ（20201021後編）webpack 5リリースでWebpacker対応開始、AWS Lambda Extensions発表、Pythonにマクロ構文追加提案ほか｜TechRacho by BPS株式会社
2020.10.21 週刊Railsウォッチ（20201021後編）webpack 5リリースでWebpacker対応開始、AWS Lambda Extensions発表、Pythonにマクロ構文追加提案ほか こんにちは、hachi8833です。 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙇 ※今回録音に失敗したため、つっつきボイスがいつもより短めとなっております🙇。 ⚓Ruby ⚓ victor: SVGを生成するRuby DSL（Ruby Weeklyより） 「RubyのDSLで絵を描けるそうです↓」「SVGもテキストで描画す
Rails: Webpacker 5.1.0でcheck_yarn_integrityオプションが廃止された｜TechRacho by BPS株式会社
2020.05.07 Rails: Webpacker 5.1.0でcheck_yarn_integrityオプションが廃止された 小ネタかつRailsウォッチ20200427でも書いた話で恐縮ですが。 Webpacker 5.1.0でcheck_yarn_integrityオプションが廃止に Docker上のRails 6アプリでgemを更新した後、develpment環境で起動したときに起動が露骨に速くなったことで、Webpackerの更新に気づきました。 PR: Remove yarn integrity check by rossta · Pull Request #2518 · rails/webpacker Changelog: webpacker/CHANGELOG.md at master · rails/webpacker 問題 yarnのintegrityチェックはこれ
週刊Railsウォッチ: Webpackerが公式に引退宣言、『Everyday Rails』日本語版がRails 7に対応ほか（20220124前編）｜TechRacho by BPS株式会社
週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 今回は以下の中からChangelogが更新されているものを中心に見繕いました。久しぶりに更新が少な
Using Webpacker in Your Ruby on Rails Application — a Deep Dive | AppSignal Blog
ruby Using Webpacker in Your Ruby on Rails Application — a Deep Dive At the beginning of the internet age, websites were much simpler and not very interactive. With the advancement of technology, devices, and programming languages, they became more complex and consisted of several files, including assets like images and CSS stylesheets. The more interactive your website is, the more JavaScript cod
Replace Webpacker with importmapped Hotwire as default JavaScript setup by dhh · Pull Request #42999 · rails/rails
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Webpacker の概要 - Railsガイド
本ガイドではWebpackerのインストール方法と、Railsアプリケーションのクライアント側で用いるJavaScriptやCSSなどのアセットをWebpackerで利用する方法について解説します。ただしWebpackerの開発は終了した点にご注意ください。(訳注: 移行方法は末尾の参考資料をご参照ください) このガイドの内容: Webpackerとは何か、およびSprocketsと異なっている理由 Webpackerのインストール方法、および選択したフレームワークとの統合方法 JavaScriptアセットをWebpackerで管理する方法 CSSアセットをWebpackerで管理する方法 静的アセットをWebpackerで管理する方法 Webpackerを利用しているサイトのデプロイ方法 WebpackerをRailsエンジンやDockerコンテナなどの異なるコンテキストで利用する方法
Railsアプリでwebpackerを使う場合はbin/webpack-dev-serverコマンド実行しておかないと生産性落ちるぞ！ - カクカクしかじか
概要 webpacker使ってると毎回Vue.jsを使っている画面に遷移するたびに [Webpacker] Compiling… というようなメッセージがコンソールに出て読み込みが遅いから何とかならんかな...って思っていました。 しかし！あるコマンドを実行することでホットリロードすることが出来ることが分かったのでそのメモです...(今更感w) 前提 webpackerのバージョン：3.2.2 webpackerで使えるコマンドのおさらい bin/webpack bin/webpack-dev-server webpackerには上記2つのbinstubがデフォルトで付属されているようです。 自分もよく分かっていなかったのですが、binstubは実行可能ファイルのラッパースクリプトのことらしいです。 techracho.bpsinc.jp つまり、上記2つのコマンドはRails側からweb
はじめに ※この文章はベータ版です。 既存のプロジェクトで Rails5.2 + Webpacker 3.5.5 -> Rails6.1 + Webpacker5.2.1 -> Rails6.1 + jsbundling-rails (-> Rails7.0 + jsbundling-rails)したので、手順etc を メモしておきます。 (Rais6 -> Rails 7 する際には、Webpacker -> jsbundling-rails、 turbo-links -> turbo など、Rails7 からの正式採用なものの Rails6 でも動作する gem への移行、Rails6 では動作するものの Rails7 以降への対応が怪しい gem の Rails7対応済/対応中の gemへの移行、 例：Refile -> Shrine、をインクリメンタルに行なってから、 Rails
Webpacker presents a more difficult OOB experience for JS Sprinkles than Sprockets did
This isn’t a vote for it necessarily but as far as I know it’s main selling point was having a substantially smaller learning curve. I have no idea if that’s true however. My personal experience with Rollup is that that is only true in very specific circumstances, mostly around node rather than web JS packaging, but I’m open to others’ mileages varying.
Rails6 + ruby3.0 + mysql8.0 + webpacker + puma + docker による開発環境の構築 - Qiita
Rails6 + ruby3.0 + mysql8.0 + webpacker + puma + docker による開発環境の構築DockerMySQL8.0webpackerRails6Ruby3.0 本記事は開発環境の作成の記録を残すためのものです。 dockerによる開発環境を整えるのは初めてのため間違っていたり、より良い方法などがあればコメントにてアドバイスを頂けると幸いです。 目次 目標 セットアップする構成について 作業 環境構築 感想 目標 今回作成する構成の目標は以下の通りです。 Rails 6.1.1 Ruby 3.0.0 Mysql 8.0.26 webpacker これらをdockerによりセットアップしていきます。 状況としてはすでに作成したプロジェクトをdockerに置き換えることとします。 作業 実際の作業内容です。 手順は以下の通りです。 rails Doc
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Importing images with Webpacker
An unofficial Rails guide Webpack isn't just for JavaScript. You can bundle images with it too. Webpacker makes it relatively easy to work with images, but it is admittedly confusing at first: Images in JavaScript? In this post, we'll demonstrate how to reference Webpacker images from your JavaScript, CSS, and Rails views. The following examples were created using Rails 6 and Webpacker 4, but may
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
さよならWebpacker - rochefort's blog
全Rubyistに今すぐ伝えたいwebpackとwebpacker - Qiita
WebpackerでJavaScriptを使ってハマった話 - sasaboの生活
Webpacker 3.x -> 5.x-> jsbundling-rails - Qiita
Rails+WebpackerでのIE11対策 - Qiita
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp
news.yahoo.co.jp