ユーザ用ツール

サイト用ツール


rails:turbo

turbo-rails

画面遷移を高速化する。turboを導入するとアプリ内リンクはfetchで取得してbodyタグを置き換えるようになる。

導入

rails 7以降でnewすると自動的に有効になっている

既存プロジェクトへ導入

まずimportmapを有効にする。rails-ujsとは併用できないので無効化すること。

なお、importmapでなくても使用可能だが、ここではimportmap前提で進める。

Gemを追加してインストール

gem "turbo-rails"
./bin/bundle install

turboを初期化

./bin/rails turbo:install

importmapのapp/javascript/application.jsファイルに以下の行が追加されていれば有効になる

import "@hotwired/turbo-rails"
rails/turbo.txt · 最終更新: 2024/11/10 05:18 by nullpon