ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|---|
|
Asset Pipeline と precompile の関係
Rails の Sprockets ベース Asset Pipeline では、本番デプロイ時に rails assets:precompile を実行し、app/assets/ 配下のソースをミニファイ・指紋付きファイル名で public/assets/ に出力します。
このとき「どのファイルをコンパイル対象にするか」を制御するのが config.assets.precompile 設定(standard library と呼ばれることもある、デフォルト含む組み込み一覧)です。
デフォルトの precompile 対象
# config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( admin.css admin.js )
# デフォルト (Rails が自動で含めるもの)
# - application.css
# - application.js
# - 画像 (jpg/png/gif/svg/eot/woff/woff2/ttf) すべて
個別ファイルをコンパイル対象に追加
例えば app/assets/javascripts/admin.js を直接読み込みたい場合:
# config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( admin.js admin.css )
# 複数ファイル
Rails.application.config.assets.precompile += %w(
admin.css
admin.js
print.css
pages/landing.css
)
# 正規表現で一括
Rails.application.config.assets.precompile += [/\.(?:svg|eot|woff|ttf)\z/]
追加後、view から直接参照可能:
<!-- ERB -->
<%= stylesheet_link_tag "admin", media: "all" %>
<%= javascript_include_tag "admin" %>
よくあるエラー
Asset is not precompiled
ActionController::RoutingError (Sprockets::Rails::Helper::AssetNotPrecompiled):
admin.js is not precompiled.
Add `Rails.application.config.assets.precompile += %w( admin.js )` to `config/initializers/assets.rb` and restart your server
対処: メッセージ通り config/initializers/assets.rb に追加 + サーバ再起動 + rails assets:precompile 再実行
本番でファイルが見つからない
# 本番でアセットを生成
$ RAILS_ENV=production bundle exec rails assets:precompile
# キャッシュをクリア
$ rails assets:clobber
# 全部やり直し
$ rm -rf public/assets tmp/cache
$ RAILS_ENV=production bundle exec rails assets:precompile
確認方法
# 現在の precompile 対象を確認
$ rails console
> Rails.application.config.assets.precompile
=> ["application.css", "application.js", /\.svg\z/, /\.eot\z/, ...]
# precompile 後の出力先を確認
$ ls public/assets/
admin-abc123def456.js
admin-abc123def456.css
application-def456abc123.js
...
Rails 7 の Propshaft / importmap での違い
Rails 7 から Propshaft(Sprockets の後継)や importmap が新規プロジェクトのデフォルトに。これらでは precompile 設定の意味が変わります:
- Propshaft: ファイル変換しない(コピーするだけ)。precompile の概念が単純化
- importmap: JS をブラウザネイティブの import map で扱う。Sprockets の JS バンドルが不要
- esbuild / webpacker: JS は別バンドラに分離、CSS のみ Sprockets で管理
関連設定
| 設定 | 用途 |
|---|---|
config.assets.compile | true で本番でも動的コンパイル(パフォーマンス悪、開発時のみ) |
config.assets.digest | 指紋ファイル名 (xxx-abc123.js) |
config.assets.prefix | URL プレフィックス(デフォルト /assets) |
config.assets.css_compressor | :sass / :yui 等の CSS 圧縮 |
config.assets.js_compressor | :uglifier / :terser 等の JS 圧縮 |
本番デプロイ時のベストプラクティス
- CI でアセットをプリコンパイル
- サーバ側で
RAILS_ENV=production rails assets:precompileを実行 - 古いアセットは
rails assets:cleanで削除(デフォルトで 3 世代保持) - CDN 配信なら
config.action_controller.asset_hostを設定
関連記事
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページ
子ページはありません
同階層のページ
- Python3 のインストール
- pipによるパッケージのインストール
- Python3 のインストール (Windows10)
- precompile standard library とは
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript で base URL を取得する方法|window.location.origin
- 4 YouTube Data API v3 エラー一覧|403・400・404 の原因と対処
- 5 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 6 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 7 Spring Frameworkのアノテーション一覧
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- 【django】ログイン 認証機能 2026-09-08 03:22:09
- MySQL ERROR 1063 Incorrect column specifier for column|原因と直し方 2026-09-08 03:11:09
- 【PHPエラー】Object of class stdClass could not be converted to string 2026-09-07 07:46:04
- Julia Genie ローカル開発サーバ起動完全ガイド 2026-09-07 07:46:04
- NetBeansでTomcatを起動する手順|サーバ登録・ポート・トラブル対処 2026-09-07 07:45:13
- Laravel 記事一覧55件|環境構築・ルーティング・DB・エラー対処 2026-09-07 07:45:13
- Spring Framework 記事一覧31件|DI・設定・例外の対処 2026-09-07 07:45:13
- Javaの定数 2026-09-07 07:45:13
- JPEG(.jpg/.jpeg)画像形式の完全ガイド — 仕様・マジックナンバー・他形式との比較・EXIF 2026-09-07 07:45:13
- hostnameコマンドの使い方|Windows・Linux・macOSでホスト名確認 2026-09-07 07:45:13
- Laravelルートグループ|prefix・middleware・nameで一括管理 2026-09-07 07:45:13
- Oracle DROP USERでユーザー削除|CASCADE・接続中ユーザーの対処 2026-09-07 07:45:13
- SQLとは|DDL・DMLとリレーショナルデータベース操作の基本 2026-09-07 07:45:13
- Linuxで複数ファイルの文字列を一括置換|find・sed・xargsの安全手順 2026-09-07 07:45:13
- Linux whichコマンドの使い方|絶対パス取得とtype・command -vの違い 2026-09-07 07:45:13
コメントを削除してもよろしいでしょうか?