ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子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 から直接参照可能:
<%= 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のインストール(CentOS)
- pipによるパッケージのインストール
- Python3 のインストール (Windows10)
- precompile standard library とは
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応
- 4 YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け
- 5 Spring Frameworkのアノテーション一覧
- 6 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- Laravel キャッシュクリア完全ガイド(cache:clear / config:clear / 2026-05-18 07:42:07
- プロジェクトの作成と削除 2026-05-18 07:42:07
- インストール直後にNetbeansが反応しない 2026-05-18 07:42:07
- 動画やチャンネルの検索 2026-05-18 07:42:07
- APIキー取得方法 2026-05-18 07:42:07
- チャンネル情報の取得 2026-05-18 07:42:07
- API 入門 — Web API(REST / GraphQL / gRPC / 2026-05-18 07:42:07
- インストール(eclipseプラグイン) 2026-05-18 07:42:07
- Laravel「Dotenv values containing spaces must be surrounded 2026-05-18 07:42:07
- エラー一覧 2026-05-18 07:42:07
- curl: (51) SSL: certificate subject name '~' does not match 2026-05-18 07:42:07
- インストール方法(Windows版) 2026-05-18 07:42:07
- JSONから配列に変換 2026-05-18 07:42:07
- 処理を一定時間待つ 2026-05-18 07:42:07
- A non well formed numeric value encountered 2026-05-18 07:42:07
コメントを削除してもよろしいでしょうか?