2020/12/27 基礎課題2,3
- application.scssではrequire_tree(同じディレクトリにあるscssファイルを全て読み込み)ではなく、@import 'top';のように個別に読み込む → ファイルの読み込む順番がわからなくなってしまうのを防ぐ
- bundlerを使うメリット
bundlerを使うと、gemfileのライブラリ同士のバージョンや依存関係をエラーが出ないように管理してくれる
bootstrapの導入
- gemfileに以下を追加
gem 'bootstrap', '~> 4.4.1' gem 'font-awesome-sass', '~> 5.12.0' gem 'jquery-rails'
- application.scssに以下を追加
@import 'bootstrap'; @import 'font-awesome-sprockets'; @import 'font-awesome';
- jsファイルを変更、/app/assets/javascripts/application.js
//= require jquery3 //= require popper //= require bootstrap-sprockets
バージョン指定はrubygemsで調べる
scssファイルには*= requireなどのSprocketsディレクティブの記載が残っていると、@importで定義した内容がうまく読み込めずbootstrapが反映されない
socery
gem soceryをインストールする
この辺の色々なメソッドを使えるようになる
# Gemfile gem 'sorcery' rails g sorcery:install →この時点で自動でusers modelができる class User < ApplicationRecord authenticates_with_sorcery! →モデルに最初からメソッドがある end