ja en ja es es en cv en en en en en ja ja en en en ja ja ja ja ja ja ru ja ja en ja ja ja en ja ja en ja ja ja en en en fy zh ja ja ja ja ja zh ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja zh ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja ja en en ja en ja ja ja ja
やり方を探そうとおもって調べていたけどQiitaとかだとなぜかみんなjQueryを入れてる記事がおおい。
Bootstrap先生は5からjQueryいらなくなったので、そのあたりを踏まえて入れ方を残して起きます。
$ yarn add bootstrap@next $ yarn add @popperjs/core
application.html.erbに以下を追加。
全体としてはこうなる。
アプリケーションなんとか
次にapp/javascript/stylesheets/というディレクトリを作成、中にapplication.scssというファイルを作り以下を追加。
@import "bootstrap"
ここはポイントなのだけど、これを追記したからといってassetsの下のapplication.cssのファイルを削除したりしてはいけない。viewのspecが停止してしまう。
次はapp/javascript/packs/application.jsに以下を追加。
import "bootstrap" import "../stylesheets/application"
あとは公式ドキュメントに倣ってモーダルとかのコードいれるとちゃんと表示される。
個人的にはReactとかフロントエンドフレームワークを使うべきだろうけど、でもそこまでじゃないんだけどjQueryつかいたくないみたいな状況の落とし所として普通にありなんじゃないかな。