xmobileブログ

テスト運用開始

Rails初学者が「privateやparamsが分かんない」って時に見るコラム

:目次

1.privateってなに？？
2.paramsってなに？？
3.params.permit(:image, :text)ってなに？？
4.redirect_toってなに？？
5.action: :indexってなに？？
6.unless unless user_signed_in?ってなに？？

突然ですが問題です。
Ruby on Railsのコントローラーでこの様な記述がありました。

「では解説してみてください。」
class TestsController < ApplicationController
  before_action :move_to_index, except: :index 

  // 省略します  

  private

  def tests_params
    params.permit(:image, :text)
  end

  def move_to_index
     redirect_to action: :index unless user_signed_in?
  end

end

...できましたか？

もしできなければ以下を読んで大まかな捉え方を覚えましょう！多くの知識はどこかで繋がっているので知識の捉え方を覚えて仕舞えば今後の理解がサクサク進みます！

1. privateってなに？？

これはprivateメソッドと言います。その名の通りプライベートなメソッドなのでprivate以下に書き込まれたメソッドはclassの中だけでしか呼び出せません。

どんな時に使うの？

はい、すごくよく使う場面は2点！

  • paramsを取得する時
  • before_actionする時

2. paramsってなに？？

paramsはURLから送られて来た値やフォームから送られて来た値のパラメーターのことです！つまりブラウザを一度通して送られて来た値とも取れますね！

そしてprivate以下で記入されているということはclassの外で呼び出されて欲しくないものになります！

http://railsdoc.com/references/params

3. params.permit(:image, :text)ってなに？？

def tests_params
  params.permit(:image, :text)
end

paramsの中からimageとtextを取り出そうとしています。しかし、paramsとは外部から送られてくる値ですのでもしかしたら悪意を持った人がハッキングを仕掛けてくるかもしれません！

...と、そこまでではありませんがpermitを指定することで特定の値のみを取り出すことができます。

さらに！paramsに入った値は配列[ ]やハッシュ{ }に格納されるため:imageなどの様に:を先頭に付けることで取り出せます！٩( ᐛ )و

4. redirect_toってなに？？

指定されたページへ飛ばすことができます！
基本的にはURLやPrefix（Path）を指定して飛ばしますが..

なんとRailsではaction指定で飛ばすことができるのです！！٩( ᐛ )و

http://railsdoc.com/references/redirect_to:rmbed

5. action: :indexってなに？？

redirect_to action: :index

actionはコントローラのアクションです！
今回は同じコントローラ内のindexアクションを指定しているみたいですね！

ちなみに:を付けるか否かの思え方としてはaction:をaction =と考えるとイメージが近いと思います！

そして:indexはデータを探っていくと配列[ ]の中に入っていたのでこの形になっています！

6. unless user_signed_in?ってなに？？

unlessとは「○○では無い」の条件分岐です！

redirect_to action: :index unless user_signed_in?

if文でごちゃごちゃ書くのが面倒なのでできたものですかね？きっとこのメソッドを作った人とは気が合いそうだ！٩( ᐛ )و

user_signed_in?とはかの有名なユーザー管理gemのdeviseさんが用意してくれているメソッドです！

文字の通りユーザーはログインしているかどうかを確認できます！もちろんログインしていればtrueで未ログインならfalseを返します。

そしてここでお得情報！
user_signed_in?はdeviseさえ入れればコントローラーでもビューでもどこでも使えちゃいます！

Rails初学者のための「このファイルなに？」をざっくり解説！！

Rails newしたらなんかファイルできてた！！

早速ですがこのファイルの意味をそれぞれ理解できていますか？

f:id:xmobile:20180312224644p:plain:w150

私がRails初学者の時はrails newをターミナルに打ち込んだ瞬間に思考停止してしまいました。

しかし、これらはなんら難しいものではありません。
まずは広く浅い知識をつけて今後の学習をより楽しくしていくための基礎知識を学んで行きましょう！

よく使う「ファイルorディレクトリ」一覧

※このファイルで大体の作業ができます。

  • app（MVCとか色々入ってる）
    • assets
      （見た目cssや非同期js）
    • controller
      （アクションdef indexとインスタンス変数@user）
    • helpers
      （controllerやmodleに書きたくないもの）
    • models
      （DBとの処理def befor_timeやアソシエーションhas_many）
    • views
      （構造と文章html）
  • config （設定）
    • routes.rb
      （ルーティングrake routesで見れるやつ）
  • db （データベース）
    • migrate
      （rails g migrationでDBを作成するファイル）
    • schema.rb
      （作成・編集したDBの状態をみれる）
  • Gemfile
    （Railsの拡張機能）
  • Gemfile.lock
    （ダウンロードしたgemの詳細）
  • README.md
    （説明書）

app（アプリケーション中核）

f:id:xmobile:20180312232931p:plain:w200

いわゆるMVCが詰まったディレクトリです。かなりの頻度でこの中のどれかを使ってアプリケーションを作成していくこととなります。

viewsディレクトリ

その中でもHTMLが書かれたviewsファイルは初心者でもとっつき易いのではないでしょうか？

特にRailsではlayouts以下のapplication.html.erbの様な大元 のファイルが用意されているので共通部分はここで定義します。

また、application.html.erbを大枠として<%= yield %>を用いて以下にそれぞれのhtmlが埋め込まれる形になります。

<!DOCTYPE html>
<html>
  <head>
    <title>テストです</title>
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  </head>
  <body>
    <header class="header">
      <h1>テスト</h1>
    </header>

    <%= yield %><!-- ここに埋め込むファイルが入る-->

    <footer>
      <p>フッターです</p>
    </footer>
  </body>
</html>

assetsディレクトリ

みなさん大好き「見た目」と「非同期動作」です！ ここではデザイナーさんやフロントエンドの方々が驚異の力を発揮します！たかがcssやjsくらいとなめてかかると痛い目を見ることでしょう（笑）

見た目のcssでは色や大きさといった指定ができます。

body {
  height: 200px;
  width: 120px;
  margin: 0 auto;
}

.header {
  height: 120px;
}

h1 {
  font-size: 16px;
  color: #ddd;
}

fotter {
  font-size: 11px;
  color: #fff;
}

そして非同期動作のJavaScliptでは最近流行りのぬるぬる動くあんなことやこんなことまでできます。（割愛）

$(function() {
  function buildHTML(comment){
    var html = `<p>
                  <strong>
                    <a href=${comment.id}>${comment.user_name}</a>
                    :
                  </strong>
                  ${comment.text}
                </p>`
    return html;
  }
  $('#new_comment').on('submit', function(e){
    e.preventDefault();
    var formData = new FormData(this);
    var url = $(this).atter('action')
    $.ajax({
      url: url,
      type: 'POST',
      data: formData,
      dataType: 'json',
      processData: false,
      contentType: false;
    })
    .done(fnction(data) {
      var html = buildHTM(data);
      $('.comments').append(html)
      $('.textbox').val('')
    })
    .fail(function() {
      alert('error');
    })
  });
});

controllersディレクトリ

ここでルーティングに従ったアクション（def indexなど）を定義することで、そのアクション名に対応したviewsファイルでインスタンス変数（@testsなど）を呼び出すことができ、htmlに変数の値を渡すことができるのです！

なお、privateとparamsについては重要だけど今回は割愛！

class TestsController < ApplicationController
　//トップ
  def index
    @tests = Test.includes(:user).order("created_at DESC").page(params[:page]).per(5)
  end
 
  def new
  end
  //データをcreateする
  def create
    Test.create(fp[image: test_params[:image], text: tests_params[:text], user_id: current_user.id)
  end
  //データを消す
  def destroy
    test = Test.find(params[:id])
    test.destroy if test.user_id == current_user.id
  end

  //ここ以下はプライベートメソッド（外からは呼び出せない）
  private
  // viewsから取得したparamsを正しい形で取得する。
  def tweets_params
    params.permit(:image, :text)
  end
end

modelsディレクトリ

アプリケーションとデータベースを繋ぐ役割を持っています。そのためDBのテーブル同士の関係を繋ぐアソシエーション（１対多の関係など）もここで定義します。

そのほか、DBに密接し様々な場面で用いるメソッドもmodelsで定義します。今回はタグ付けと検索機能をmodelsで定義している例です。

class Test < ApplicationRecord

  has_many :test, dependent: :destroy
  belongs_to :user
 
  # タグ付け
  acts_as_taggable

  # 検索機能
  def self.search(key)
    if key
      Test.where(['test LIKE ?', "%#{key}%"])
    else
      Test.all
    end
  end

end

route.rbファイル

ここではパスを定義している訳なのですが、連動してcontrollerのアクションやviewsを定義していると考えると楽です！

そしてRailsさんはresourcesというエンジニアをダメにするツールを備え付けてくれているので楽々ですよね！でも一応Pathは自分で書ける様になっておいてくださいね〜

Rails.application.routes.draw do
  // deviseはログイン確認時に一番先に読まれるから一番上に書いとけ！
  devise_for :users
  root 'tests#index'
  resources :tests do
    resources :comments, only: [:create]
  end
  resources :users, only: [:show]
end

migrateディレクトリ

データベースのテーブル作りのためのファイルです！すごく奥が深く私も「設計」のをまだ修めていないので思った様に書いていますが本来はユーザーからどの様な値を与えられるかを考えて堅牢で正確なシステムを作る要となります。

「エンジニアのやらかしは大体データベース！！」

　　　　　　　　　　　　　　某PHPエンジニア様より

class CreateTests < ActiveRecord::Migration
  def change
    create_table :tests do |t|
      t.string    :name
      t.text      :text
      t.text      :image
      t.timestamps
    end
  end
end