update,check:RoRチュートリアルで試行錯誤している話
前提
- 素人が書いてるので保証もないです
環境
躓いたところ
- RubyのVer
- 2.0.0がGitHubで弾かれたので最新版を使おうとした
- Cannot utime: Operation not permitted と権限が無かったので諦めた
- スーパーユーザーにすれば出来るのかな?
- rvmsudoは駄目だった。
- Stacoverflowに同じ質問あったけど見た時は回答無かった
- 000のやつは無意味でした。
- 普通に rvm install 2.5.1で入った。リストにないけど。
- Cannot utime: Operation not permitted と権限が無かったので諦めた
- 2.0.0がGitHubで弾かれたので最新版を使おうとした
- CSS(Bootstrap4)
- Headerが適用されない
- まぁ、チュートリアルだとBootstrap3ですしね!
- 変更:header class
- "navbar navbar-fixed-top navbar-inverse"
-> "navbar fixed-top navbar-expand navbar-dark bg-dark“- 参考:ナビゲーションバー~Bootstrap4移行ガイド
- inverse -> navbar-dark +背景が欲しくなったので bg-dark
- navbar-fixed-top -> fixed-top
- "navbar navbar-fixed-top navbar-inverse"
- 変更:ul class
- "nav navbar-nav navbar-ri -> "navbar-nav mr-auto"
- 参考:同上
- 追加:li class
- 文字色とかの問題
- "nav-item active" or "nav-item"
- <%= link_to "Home", '#' %>
-> <%= link_to "Home", '#', :class => 'nav-link' %>- 参考:Rails での link_to , button_to に対する css の適用について - private tips
- Home以外のaboutとかもです。
- btn
- 文字色見辛かったので
- scaffolds.scss の "a &:visited" を "#666 -> #333"
- field_with_errors
- @extend .has-error;が廃止されてる
- 参考:Rails5.1 + Bootstrap4でfield_with_errors
- .is-invalid クラスと .is-valid クラスが使える模様
- 変更 .is-invalid クラス使用
- Headerが適用されない
- flash aleartが Bootstrap適用されてない
- 文字は出てるし、表示関連だよね……
- 参考:Lesson#6 Railsのエラー解決法! - アラサーOLだっしゅつけいかく
- application_helper.rbのwhen条件を : -> ""
- formが中央寄せ出来てない
- bootstrap3->4でグリッドの記述とかが変わってる
- 参考:グリッド~Bootstrap4移行ガイド
- 変更例 "col-md-6 col-md-offset-3" -> "col-lg-6 offset-lg-3"
- 多分個人環境のやつなのでメモ
- users = User.all.limit(6)
- 構文がおかしい。スタックフロー見てなんとなくわかると思う。
正直思ったこと
- バージョンアップによる修正がドキュメント探しつつになるのがだるい
- あと、BootStrapの影響は大きい