りのつみ@駆け出しエンジニア

体育会系出身の元営業マンが未経験からWebエンジニアを目指す🔥小学⇒大学までバスケ一筋🏀今も週1回程度体を動かしています💨事務機器営業⇒米屋でISO責任者⇒豚の育種と人工授精で勤務🐷35歳で学習開始🌈日々の積み上げを発信中

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

アンカーリンク（aタグ）
- ページ遷移によく使用される
- id属性を使い、アンカーポイントを指定する
- URLの最後に`#id`が付く

今回はpostのcomment-idを指定
post_path(https://t.co/omff1aU7h2, anchor: "comment-#{https://t.co/IxSrh0bR3m}")

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

member
- メンバールーティング(idが間に入るパス)を追加できる
- `get`、`patch`、`put`、`post`、`delete`が指定可能
- 追加する対象が1つの場合、`:on`オプションでブロックを省略可能

今回は`:on`オプション使用

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/wOOOGd9SbK

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

RESTfulインターフェイス
- RESTを用いて設計したルートのこと
- URL でやりたいことが伝わる
- 原則的にRailsはRESTfulな設計をする

今回は
- `mypage`の`activities`一覧の表示
- `activities`の1個の`id`を既読にする

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/DT8Qng6uxx

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

aria-labelledby
- 要素のIDを指定することで、その要素をラベルとして指定できる
- ラベル付け出来ない要素も指定できる
- ラベルクリック動作はない

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/OVEgyl1XRS

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

ドロップダウン
- トグル(表示非表示の切替)が可能で, リンクのリストなどを表示
- クリックでトグルされる

aria-expanded
- falseだと初期値畳まれた状態

aria-haspopup
- trueだとポップアップメニューがある

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/kUHyNsGGPV

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

enum
- 整数のカラムを設定可能な値の集合にマッピングする
- 対応するスコープを自動的に作成する
- 状態の遷移や現在の状態の問い合わせ用のメソッドも追加

今回は`action_type`カラムに関連モデルの番号を割り当てた

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/rVIJXexchE

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

トランザクションコールバック
- DBのトランザクションが完了したときにトリガされる
- DBの変更の処理が完了するまでトリガされない

トランザクション
- 複数の処理単位に分割できるが、分割してはいけない一連の処理

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/V4HEGYbs6v

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

ポリモーフィック関連付け

- ダックタイピングの一種
- モデルが複数のモデルへの従属することを、1つの関連付けで表現できる

今回は通知機能に使用する
FollowやLikeやComment等と関連付ける

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/eqdDQOU3BV

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

レイアウト優先順位

1. コントローラで指定のレイアウト
2. app/views/layouts内のコントローラと同名のレイアウト
3. /application.html.erb(または/application.builder)

今回はクラスとレイアウトが同名なので2になる

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/ag8sDYV5F5

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

mount_uploader
- カラムとアップローダークラスを紐付ける

class モデル名 < ActiveRecord::Base
mount_uploader [:カラム名], [アップローダークラス]
end

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/f1POJ3YtVO

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

extension_allowlist
- 拡張子やコンテンツタイプの許可リスト
- リストにない拡張子のファイルをアップロードすると、ロールバックされる

%w
- スペース区切りで配列を作成する
- 小文字`w`は式の展開なし(大文字はあり)

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/f1POJ3YtVO

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

default_url

- デフォルトのURLを指定できる
-ファイルがアップロードされていない場合に使用される
- 画像のエクスプローラーは、画像ファイルが保存されている場所

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/f1POJ3YtVO

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

storage :file

- ファイルを`public`配下に保存
- 保存ディレクトリは、`store_dir`で設定
- 画像のエクスプローラーは前回作った`post`のもの

storage :fog
- ファイルを外部のストレージに保存
- fogを使用する

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/f1POJ3YtVO

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

CarrierWave

- ファイルのアップロード機能を追加するgem

1. Gemfileに追加、bundle install
2. カラムを追加
3. アップローダークラスを生成(画像)
4. アップローダークラスとカラムを紐付ける
5. view更新

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/f1POJ3YtVO

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

namespace

- コントローラを名前空間によってグループ化する
- ルーティングは画像のようになる
- 例外的に、mypageを前に付けたくない場合は、`scope`や`module`を使う

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/7PVcGL8ZeQ

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

changeメソッド

- マイグレーションを自作する際に使う
- カラム、インデックス、テーブル等の作成･削除が可能
- ロールバックが容易にできるようになる
- `rails db:migrate`で実行

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/xIcdXsu7ev

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

単独マイグレーション作成

- `rails g migration`：単独マイグレーション作成
- `AddAvatarToUsers`：マイグレーションクラス名
- キャメルケースでもスネークケースでもOK
- `avatar:string`：カラム名:型

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/QXQnalPaPH

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

link_to（name = nil、options = nil、html_options = nil、＆block）

- 作成したURLと指定のリンク名を使って、アンカー要素(aタグ)を作成する
- リンク先がnameパラメータに合わせにくい場合は、ブロックを使える(画像)

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/LBOYWQO9sT

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

パーシャル

- 部分テンプレートのこと
- renderメソッドを使用する
-ファイル名の頭に`_`付く(呼び出す時は不要)
- 詳細な表示内容をパーシャル化してDRYに保つ
- `:collection`等のオプションを使用する場合は省略不可

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/CmF23vCMXI

[りのつみ@駆け出しエンジニア @rinotsumi_8823]

:collectionオプション

- コレクション毎にレンダリングする
- パーシャル名が変数になる
- `render @user.posts`と省略可能(今回は不可)
- コレクションが空の場合、renderはnilを返す

コレクション未使用は画像参照

#今日の積み上げ
#駆け出しエンジニアと繋がりたい

https://t.co/R2u9h1L5W7