【Rails】Webpackerと互換性のないNode.jsがインストールされているとエラー

2021年5月20日 12:34
# 事象 昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。 ```bash # 実行コマンド Running $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile # エ [...]

【Rails】Webpackerの基本情報と実装方法

# はじめに Rails 6からWebpackerが正式採用されました。Rails 5ではオプションで追加することができたWebpackerですが、Rails 6からは普通にアプリを作成するだけでWebpackerがインストールされ、必要な設定もすべて行われるのですぐにWebpackerを使い始められるよ [...]

【Rails】webpacker-dev-server実行中のエラー「Could not freeze ... Cannot read property 'hash' of undefined」

2020年8月30日 16:13
# はじめに `webpacker-dev-server`実行中に、突然以下のエラーが出力されました。 ``` [hardsource:3154a74b] Could not freeze ./app/webpack/packs/application.js: Cannot read proper [...]

【Rails】Webpacker管理下の構成を整える

2020年8月31日 09:40
# はじめに Rails6で標準導入されたWebpacker管理下の構成を整えたので記事にします。Webpackerで管理対象としているのは以下の3つです。 - JavaScript - CSS - 画像 あくまで自分なりにわかりやすい構成に整えたという話ですので、ベストプラクティスを提案 [...]

【Rails】Webpacker管理下のアイコン画像をFaviconに設定する方法

2020年8月30日 14:37
# はじめに Rails6から標準導入されたWebpackerで画像を管理し、その中のアイコン画像をFavicon(タブやお気に入りに表示されるアイコン)に設定する方法を解説します。 # Favicon設定方法 ## 画像の用意 まずはFaviconに設定する画像を用意します。今回はフリーで [...]

【Rails】Webpackerで画像ファイルを管理し、CSSやビューから参照する方法

2020年7月30日 15:51
# はじめに Rails6から標準導入されたWebpackerは、JavaScriptやCSSだけでなく画像ファイルの管理も行えます。 今回はWebpackerで画像ファイルを管理し、CSSやビューから参照する方法を解説します。 # 画像ファイルの配置場所 Webpackerで画像ファイルを [...]

【Rails】Webpacker管理のCSSがHerokuで反映されない場合の対処

2020年7月30日 15:51
# はじめに Rails6から標準導入されたWebpacker(Webpack for Rails)でCSSを管理しているRailsアプリのCSSが、ローカル開発環境では反映されていたのに、デプロイ先のHerokuでは反映されないという事象がありました。 # 対処 `app/views/layou [...]

【Rails】Webpackerを使ってjQueryとBootstrapを管理する方法

2021年4月5日 23:07
# はじめに 本記事では、Rails 6.0から導入された「Webpacker」を使ってjQueryとBootstrapを管理する方法を説明します。 # WebpackerでjQueryとBootstrapを管理 ## Railsアプリの作成 以下のコマンドを実行して、新しいRailsアプリ [...]