ここ最近将来のことが不安になりましてRailsチュートリアルに取り組んでいます。

今回は8章の話なんですが、チュートリアルを始める際にRailsのバージョンを6でインストールしちゃったんですよね！（チュートリアルはバージョン5）

バージョンで多少違いはあるもののチュートリアルに従っていれば大丈夫だったんですが、「8.2.3 レイアウトリンクを変更する」のリスト8.20でjQueryを追加する項があるんですがそこでつまづきまして。

リスト 8.20: application.jsにBootstrapのJavaScriptライブラリを追加する
app/assets/javascripts/application.js

//= require rails-ujs
//= require jquery
//= require bootstrap
//= require turbolinks
//= require_tree .

これですね

今回はその時のメモです。

そもそもassetsフォルダにjavascriptsフォルダ無い問題

タイトルのとおりなんですが、Rails6からJSフォルダはassetsフォルダにはなく、app/japascriptに色々まとめられているようで…

そこでググったところこちらの記事（：「Rails6のWebpackにjQueryとBootstrapを導入する手順」）に行き着いたんです。

こりゃありがたいと思って早速WebpackにjQueryとBootstrapを入れました。

Rails6でWebpackが標準になったことでjQueryの入れ方も変更になったようですね〜。え、環境設定めんどくね…？

Bootstrapは設定のみでOK

Bootstrapについてはチュートリアルの途中でapp/stylesheets/custom.scssでimportされているのでapp/javascript/packs/application.js
にBootstrapの設定だけ加えておくだけでよかったです。
逆にjavascriptsフォルダ内で再度Bootstrapをインポートしたらスタイルが崩れると思います。

以上の手順をふむことでヘッダーのToggleメニューもちゃんと動くようになってよかったよかった。

結論

めんどくさがらずバージョン合わせてチュートリアルやり直せ

Rails6でチュートリアルを行うことで対応力はつくかもしれませんが、まずは指示にちゃんと従って最適なバージョンでチュートリアルを進めることをオススメいたします…