Railsアプリ作成するときに重宝しているリンクまとめ(Rails, RSpec, VSCode etc... 随時追加)
Rails
Model(ActiveRecord関連)
rails generate migrationコマンドまとめ - Qiita
DBをいじるときは誰でも一度は目に止まってる(と思うくらい網羅してる)。
- テーブル作成・削除
- テーブルで指定できる型について
- マイグレーション実行やロールバック・確認方法
- テーブル名変更
- 既存カラム名の追加・変更・削除(index,外部キーなど)
- カラムにつけるオプション
- not null(NULL制約)
- index(インデックス)
- default(デフォルト)
- unique(一意制制約)
- limit(長さ)
- precision(小数部の精度)
- comment(コメント、rails5以降)
- ポリモーフィック の作成
enumを使用する
- たしかに便利(読みやすくなる)
- フラグ管理にも使えそう
整数値の範囲が決定されるので誤った数値を使ってしまうことを前もって、防げます。
Railsでは、モデルにenumを定義することで、文字を使ってカラムの値を変更したり、反対に取り出したりできます。
繰り返しになりますが、意味のある単語を使って、操作できるのでプログラマーが開発をしやすくなります。
【Rails入門】enumの使い方まとめ | 侍エンジニア塾ブログ(Samurai Blog) - プログラミング入門者向けサイト - 下記が分かりやすかった
- ただしバリデーションには注意
- enum validates - Google 検索 でggると下記の記事が出てきた
- rails における enum の validation - じゃるログ
Railsでモデルのカラムのデフォルト値をセットする方法 - 動かざることバグの如し
- DBにはデフォルト制約(?)的なものを付けれる
- じゃあActiveRecordでの初期値を入力させるなら? -> 簡単に実装できる(ただしRails5以上)
応用編(番外編)
【保存版】技術書の読み方について - 銀行員からのRailsエンジニア
この方のブログはRailsを使っている人(初心者メイン)なら読者になる価値があると思う
Railsアプリケーション構築ガイド — Railsアプリケーション構築ガイド
- 結構ハードルが高く感じます
- でもかなり充実してます
- 読めるようになってくるとなおやってることすごい!!と感じるw
BootStrap
プログレスバーの中央に文字を表示する
- html - ブートストラッププログレスバー—進行状況に関係なくテキストを中央に表示 - ITツールウェブ
- jqueryでプログレスバーをアニメーションで表示できます - プログレスバーを作る | Bootstrapでホームページを作る - 北海道苫小牧市のホームページ制作 STUDIO KEY
- Bootstrap4でプログレスバー作成 - Qiita
RSpec
パパっと試す
Rails 5.1以降のシステムテストをRSpecで実行する(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社
- macOSでRailsアプリの作成 ~ SystemSpecのテストのやり方 までサクッと書いてある
- gem
database_cleaner
使っていたが外す場合はこちら -database[Railsアプリからdatabase_cleanerを外したらRSpecが30%速くなった話 - Qiita](https://qiita.com/ham0215/items/7516117df87d2631e31d)
初期データの投入
Railsアプリのマスターデータ管理 Seed Fu ベタープラクティス - ナガモト の blog
- 2019-06-25の記事
- gem
seed-fu
を使って利用
環境構築
あとで自分なりにまとめたコードをアップします(現在未実装)
VSCode
下記リンクはWindowsを使用しているようですが、非常に参考になります。
サイドバーを表示 / 非表示にする
cmd + b
サイドバーのフォルダ(ファイル構成)の表示を全て折りたたむショートカットキー
- これを見つけた時は感動を覚えた - visual-studio-code - ビジュアルスタジオコード - キーボードショートカット - すべてを展開/折りたたむ
- ただし設定は手動(ショートカットキーが割り当てられていない)
cmd + shift + p
orF1
Open Keyboard Shortcuts
- 検索窓に
workbench.files.action.collapseExplorerFolders
を入力 Collapse Folders in Explorer
の左の+
をクリック- 自分の好きなキーをショートカットとして登録(
cmd + j, cmd + i としました、特に意味はない-> アップデートでうまく動作しなくなったのでcmd+j, cmd+u
に変更しました)
コードを折りたたむショートカットキー
コードが大量になってくると取り掛かる部分だけに集中したい時に使ってます。
ショートカットキーはデフォルトで用意されています。
おりたたむときはcmd + k, cmd + 8、逆に開くときは -> ショートカットコマンドが変わりました(いつ変わったかは知りませんw)。
詳細は下記のサイトで見ることができます(もしかしたら変わるかもしれません...)cmd + k, cmd + 9
私の場合は、いったんコードを全て折りたたみ再度展開すると中のコードは折りたたまれているので対象の部分だけ表示する時に使います。 ちなみに自分が使っているところだけ抜粋すると下記の2つです。
全てのコードを折りたたむ場合は
cmd + k, cmd + 0
、展開する場合はcmd + k, cmd + j
部分的にコードを折りたたむ場合は
cmd + k, cmd + [
、展開する場合はcmd + k, cmd + ]
VSCodeのシェルを開くショートカットキー
shift + control + ^