# モダンな Asset Pipeline とフロントエンド (Ruby on Rails)

> Importmap-rails (Rails 7+)、jsbundling/cssbundling、Hotwire (Turbo + Stimulus)、Sprockets (レガシー)

- 18 面接問題
- Mid-Level
- [面接問題: Ruby on Rails](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions.md)

## 1. Rails 7+ のデフォルトのアセット管理システムは何ですか？

**回答**

Importmap-rails は Rails 7+ で JavaScript ファイルを管理するためのデフォルトシステムです。パッケージ名を CDN の URL やローカルファイルにマッピングすることで、bundling ステップなしにネイティブの ES モジュールをブラウザで直接使用できます。これにより、Node.js への依存を排除しながらフロントエンドの設定を大幅に簡素化します。

## 2. Importmap-rails で外部の JavaScript ライブラリを追加するにはどうしますか？

**回答**

bin/importmap pin コマンドを使うと、JavaScript ライブラリを config/importmap.rb ファイルに追加できます。このコマンドは jspm.io または CDN からパッケージを自動的に解決し、対応するマッピングを追加します。たとえば bin/importmap pin lodash は、CDN を指す lodash の pin 行を追加します。

## 3. importmap で定義された JavaScript スクリプトを読み込むには、どの Rails ヘルパーを使いますか？

**回答**

javascript_importmap_tags ヘルパーは、importmap と JavaScript のエントリーポイントを読み込むために必要なタグを生成します。マッピングを含む script type='importmap' タグと、application.js ファイルを読み込むタグを出力します。このヘルパーは Webpacker で使われていた javascript_pack_tag を置き換えます。

## さらに15問利用可能

- jsbundling-rails と cssbundling-rails の主な違いは何ですか？
- Hotwire における Turbo Drive の主な役割は何ですか？

無料で登録: https://sharpskill.dev/ja/login

## その他のRuby on Rails面接トピック

- [Rubyの基礎](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/ruby-basics.md): 25問, Junior
- [Rubyのオブジェクト指向プログラミング](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/ruby-oop.md): 20問, Junior
- [Rails の基礎](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-fundamentals.md): 18問, Junior
- [Routing & Controllers](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/routing-controllers.md): 22問, Junior
- [ActiveRecord の基礎](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/active-record-basics.md): 25問, Junior
- [Views と ERB テンプレート](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/views-erb-templates.md): 20問, Junior
- [ActiveRecord の関連付け](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/active-record-associations.md): 24問, Mid-Level
- [高度なActiveRecordクエリ](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/active-record-queries.md): 28問, Mid-Level
- [Rails フォーム](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-forms.md): 20問, Mid-Level
- [認証と認可](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/authentication-authorization.md): 22問, Mid-Level
- [Rails APIモード](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-api-mode.md): 20問, Mid-Level
- [RSpecによるテスト](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-testing-rspec.md): 24問, Mid-Level
- [ActiveJob & Background Jobs](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/active-job-background-jobs.md): 20問, Mid-Level
- [ActionCable & WebSockets](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/action-cable-websockets.md): 18問, Mid-Level
- [ActionMailer](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/action-mailer.md): 18問, Mid-Level
- [ActiveStorage](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/active-storage.md): 20問, Mid-Level
- [キャッシュ戦略](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/caching-strategies.md): 20問, Mid-Level
- [高度なマイグレーション](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/database-migrations-advanced.md): 20問, Mid-Level
- [Rails Engines とモジュラーアプリ](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-engines-modular-apps.md): 18問, Senior
- [パフォーマンス最適化](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/performance-optimization.md): 26問, Senior
- [Rails のデザインパターン](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-design-patterns.md): 22問, Senior
- [Rubyのメタプログラミング](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/ruby-metaprogramming.md): 20問, Senior
- [Rails のセキュリティ](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-security.md): 22問, Senior
- [Rails での GraphQL](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/graphql-rails.md): 20問, Senior
- [デプロイと本番環境](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-deployment-production.md): 20問, Senior
- [Monitoring & Logging](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/monitoring-logging.md): 20問, Senior
- [Rails アップグレード戦略](https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-upgrade-strategies.md): 18問, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ja/technologies/ruby-on-rails/interview-questions/rails-asset-pipeline