モダンな Asset Pipeline とフロントエンド
Importmap-rails (Rails 7+)、jsbundling/cssbundling、Hotwire (Turbo + Stimulus)、Sprockets (レガシー)
18 面接問題·
Mid-Level
1Rails 7+ のデフォルトのアセット管理システムは何ですか？
1
Rails 7+ のデフォルトのアセット管理システムは何ですか？
回答
Importmap-rails は Rails 7+ で JavaScript ファイルを管理するためのデフォルトシステムです。パッケージ名を CDN の URL やローカルファイルにマッピングすることで、bundling ステップなしにネイティブの ES モジュールをブラウザで直接使用できます。これにより、Node.js への依存を排除しながらフロントエンドの設定を大幅に簡素化します。
2Importmap-rails で外部の JavaScript ライブラリを追加するにはどうしますか？
2
Importmap-rails で外部の JavaScript ライブラリを追加するにはどうしますか？
回答
bin/importmap pin コマンドを使うと、JavaScript ライブラリを config/importmap.rb ファイルに追加できます。このコマンドは jspm.io または CDN からパッケージを自動的に解決し、対応するマッピングを追加します。たとえば bin/importmap pin lodash は、CDN を指す lodash の pin 行を追加します。
3importmap で定義された JavaScript スクリプトを読み込むには、どの Rails ヘルパーを使いますか？
3
importmap で定義された JavaScript スクリプトを読み込むには、どの Rails ヘルパーを使いますか？
回答
javascript_importmap_tags ヘルパーは、importmap と JavaScript のエントリーポイントを読み込むために必要なタグを生成します。マッピングを含む script type='importmap' タグと、application.js ファイルを読み込むタグを出力します。このヘルパーは Webpacker で使われていた javascript_pack_tag を置き換えます。
4
jsbundling-rails と cssbundling-rails の主な違いは何ですか？
5
Hotwire における Turbo Drive の主な役割は何ですか？
+15 面接問題
その他のRuby on Rails面接トピック
Rubyの基礎
Junior
25問Rubyのオブジェクト指向プログラミング
Junior
20問Rails の基礎
Junior
18問Routing & Controllers
Junior
22問ActiveRecord の基礎
Junior
25問Views と ERB テンプレート
Junior
20問ActiveRecord の関連付け
Mid-Level
24問高度なActiveRecordクエリ
Mid-Level
28問Rails フォーム
Mid-Level
20問認証と認可
Mid-Level
22問Rails APIモード
Mid-Level
20問RSpecによるテスト
Mid-Level
24問ActiveJob & Background Jobs
Mid-Level
20問ActionCable & WebSockets
Mid-Level
18問ActionMailer
Mid-Level
18問ActiveStorage
Mid-Level
20問キャッシュ戦略
Mid-Level
20問高度なマイグレーション
Mid-Level
20問Rails Engines とモジュラーアプリ
Senior
18問パフォーマンス最適化
Senior
26問Rails のデザインパターン
Senior
22問Rubyのメタプログラミング
Senior
20問Rails のセキュリティ
Senior
22問Rails での GraphQL
Senior
20問デプロイと本番環境
Senior
20問Monitoring & Logging
Senior
20問Rails アップグレード戦略
Senior
18問