2020年10月の記事一覧
.envについて（簡易メモ）
.envファイルも.gitignoreに追記してGit管理下から外すようにしています。そのためEC2上にcloneしてきたアプリケーションには存在しません。
しかし、.envが存在しないとdatabase.ymlに記載している環境変数が空になってしまいデータベースとの接続ができません。
そのためGitHubを通さずに直接、EC2にアップロードします。
PC上でアプリケーションのルートディレクトリに
［vim］read only のファイルをsudoで強制的に保存する【簡易メモ】
E45 readonly option is set(add ! to override)が出たら
入力モードをescで抜ける
コマンドモードで下記を実行
:w !sudo tee %
その後に、強制脱出装置
:q!
上書きできてる！
CSS 擬似クラス、要素（簡易メモ）
擬似クラス
セレクタに対して、「:（コロン）」を記述してから、擬似クラスの名前を記述します。例えば、aタグにて定義されているリンクに、マウスカーソルが乗せられた時だけにスタイルを適応させることができます。
擬似要素
セレクタに対して、「::（二つのコロン）」を記述してから、擬似要素の名前を記述します。例えば、pタグにて定義されている文言の頭文字だけにスタイルを適応させることができます。
参考サ
【CSS】子要素を親要素の中央に配置（簡易メモ）
参考サイト
https://qiita.com/mkurahara/items/67858ebf38ed8a6ea966
HTML <div class="parent"> <div class="child"></div> </div>
positonを使う場合
CSS.parent { position: relative;}.child { width: 1
【Rails】devise設定（簡易メモ）
deviseをインストールする
「devise」は、ログイン機能やユーザ登録機能などを簡単に実装できるgemです。
まず、deviseをインストールします。
Gemfileの最後に、以下のように1行追加して保存。
Gemfilegem 'devise'
追加したdeviseを、アプリケーションに読み込ませます。
$ bundle install
さらに、deviseの初期設定を行います。
画面の1部をスクリーンショット(簡易メモ)
特定のウインドウのみを切り取ってスクリーンショットを撮影したい場合、［コマンド］キー＋［シフト］キー＋［４］キーを押して［スペース］バーを押すと、ウインドウを指定して撮影できる。
CSS背景、プロパティの詳細（簡易メモ）
CSS背景、プロパティの詳細background-size:cover; 縦横比を保持して、表示領域全体を覆うように背景画像を表示する
background-size:contain; 縦横比を保持して、表示領域に収まるように背景画像を表示する
background-size:値指定 auto; 横幅は指定した値、縦幅は元の比率を保持して自動で表示する
background-size:aut
link_toのclassの付け方（簡易メモ）
link_toメソッドとは
引数を指定することで、リンクを生成してくれるメソッド
Railsではビューファイルで使用する。
ビューファイルのRubyタグ内で宣言することで
HTMLのaタグの様に使用することができる。
以下メソッド構造
<%= link_to 'リンクの文言', 'パス', class: 'クラス名', method: :HTTPリクエスト %>
methodを定義すること
【Rails】seedから画像をdbに保存する方法（簡易メモ）
Ruby on Rails
seedデータからdbに画像を保存するやり方です。
(db/seeds.rb)
20.times do |n|name = Faker::Games::Pokemon.nameemail = Faker::Internet.emailpassword = 'password'User.create!( name: name, email: email, passwo
【Rails】gitignoreでコンフリ回避(簡易メモ)
/db/*.sqlite3
このファイルがあると必ずコンフリクトが起きるので、
.gitignoreに記述する。
.DS_Store
macを使っている方はコンフリクトが起きるので、こちらも.gitignoreに記述しましょう
.gitignore省略、、、/.bundle# Ignore the default SQLite database./db/*.sqlite3
【github】コミットメッセージサンプル
コミットメッセージサンプル（私家版）
フォーマット
1行目：変更内容の要約（[コミット種類] タイトル、概要）
2行目：空行
3行目以降：変更した理由（内容、詳細）
コミット種類
以下の４種類で運用。
Fix : バグ修正
Add : 新規（ファイル / コード・機能）追加
Update : 機能修正（バグではない）
Remove : 削除（ファイル / コード）
概要の例
3行目以降はそれ
【Rails 】bootstrap導入（簡易メモ）
Gemfilegem 'bootstrap-sass', '~> 3.3.6'gem 'jquery-rails'
$ bundle install
app/asset/stylesheetフォルダのapplication.cssを開く。
「application.css」→「application.scss」に変更。
BootstrapをSCSSに読み込ませる
続けて、SCSSにBoo
【Rails 】リファイル導入（簡易メモ）
Refileを追加するには、以下のように記述します。
Gemfile
gem "refile", require: "refile/rails", github: 'manfe/refile'
サイズ調整など画像加工を行うgem（MiniMagick）も追加する。
MiniMagickを追加するには、以下のように記述します
# 画像投稿用gemgem "refile", require: "