tobibako45 / genba-rails Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 1.34 MB

現場で使えるRuby-on-Rails5速習実践ガイド

Ruby 70.97% JavaScript 8.32% CoffeeScript 0.44% CSS 0.58% HTML 19.69%

genba-rails's People

Contributors

Watchers

genba-rails's Issues

Reactを導入

Reactとは？

仮想DOMと呼ばれるデータ構造をメモリに上に持ち、ページ変化の差分のみをレンダリングすることで効率的にページ表示。更新することができる。

インストール

React は、npmのパーッケージとして公開されてる。
ブラウザ上で実行するには、ReactDOM も必要。

なので、2つをインストール

$ bin/rails add react react-dom

サービスクラス

複数のモデルが絡む特定処理の専門家を作る

【本の例え】
ポイントをためてクーポンと交換することができるアプリケーション。

登場するモデルは「ユーザー」と「クーポン」
この２つは強い関係性がないから、
ユーザーモデルで「クーポン数に限りがある」とか、
クーポンモデルで「ユーザーの保有ポイントがあるか」とかには立ち入りたくない。

なので、

「クーポン交換」という、特定の処理の専門家クラスを用意する。

本では、app/models/copon_exchange.rb で、modelsディレクトリの中に作ってる

特定の処理の専門家のオブジェクトを作成する設計パターンを サービスオブジェクト（またはサービスクラス） と呼ぶ。
このクラス名や実行のメソッド名は、それがサービスクラスとして働くことを示す一貫性のある名前をつけるとわかりやすくなる。

クラス名の付け方の例としては、
ExchangeCouponのように、わざと動詞のクラス名にしたり、CouponExchangeServiceのように Serviceで終わる名前にするやり方もある。

専門家クラスを作る際は、あくまでその特定の処理一つのみに専念し、管轄を小さく留める
ように努める。
また、処理の記述の中では、モデルの提供する操作を呼び出す ようにし、モデルに書くべき詳細を長々と書かないように気をつける。

has_many

Yarn備忘録

yarnってなに？

JSのパッケージマネージャ
「パッケージ」とはライブラリの公開単位で、コードなどのファイルをひとまとめにしたもの。

npmが従来よく使われていた。

参考。インストールなど
yarnを使ってみた
 npmから乗り換えてわかったYarnの4つのメリット

インストール

$ npm install -g yarn

Macでhomebrewを使っているなら

$ brew update
$ brew install yarn

で、

.base_profile にPATHを通す。

export PATH="$HOME/.yarn/bin:$PATH"

モジュールを上手に利用するために

モジュールを利用する際に以下の５つの原則を念頭に置くこと(おすすめ)

構造として分かりやすい意味をもたせる
利用元クラスの一部として違和感がないか検討する
利用元クラスと内部データが共有していることを意識する
独立的にして利用条件をわかりやすくする
追加部品であるという節度を守る

Turbolinks備忘録

Turbolinks専用のイベントを使わないとダメ。

Turbolinksを利用している場合は、

docdocument.addEventListener('turbolinks:load', function () {
   console.log('Hellow wprld!');
});

としないと、正しく動かない。
$(document).ready()やwindow.onloadとかはうまく動かない。

既存のJS資産を流用する場合も対応させておく必要がある。

モデルの共通化

Concern? コンサーン？

Rails 共通部分を切り出す

Mix-inと何が違うわけ？

これがわかりやすかった
ActiveSupport::Concern の存在理由

複雑な記述が省略できる。

module Common
  extend ActiveSupport::Concern

  included do
    # ここにcallback等
  end

  # メソッド
  def categories
    ArticleCategory.order(:id).all
  end

  private

  # privateメソッド

end

呼び出し

class ArticlesController < ApplicationController
  include Common

  def index
    @categories = categories
  end

end

複雑な依存関係を考えずにすむ。

Mix-inだけだと

class Hoge
  # AはBのために先にincludeしないといけない
  include A 
  include B
end

concernを使うと、

require 'active_support/concern'

module A
  extend ActiveSupport::Concern
  ...
end

module B
  extend ActiveSupport::Concern
  include A
  ...
end

class Hoge
  # Bだけをincludeしても動く
  include B
end

モデルクラスのconcernは、app/models/concernディレクトリに。
コントローラークラスのconcernは、app/controller/concernディレクトリに。