Ruby on Rails Ⅴ ３章 ユーザー認証を仕上げよう - buildを使おう, 別のコントローラをrenderしよう
201703016@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
buildを使おう
現状、投稿するときに自分でユーザIDを選択しているが、自動でログインユーザになるようにしたい。
その過程でbuildを使う。
一応調べてみたら、どうも今時のRailsだとnewでもbuildでも違いはなくて、newはbuildのエイリアスというだけらしい。
別のコントローラをrenderしよう
renderはアクションを経由せずにビューを出力するので、ビューで使う変数はrenderの前で定義しておかないといけない。
これで学習コースのⅤも終了。
今回の勉強時間：15分 累計勉強時間：13時間22分
Ruby on Rails Ⅴ ３章 ユーザー認証を仕上げよう - アクションを移動しよう
201703015@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
アクションを移動しよう
トップページにはメインコンテンツが表示されていると良い。
メインコンテンツとは - 新規投稿フォーム - 投稿の一覧
orderメソッドによる並び替え
Note.all.order(created_at: :desc)
作成日時（created_at）を、降順（desc）で。
演習中、
renderメソッドと@notesを用いて、notes/_note.html.erbを呼び出してください
がわからなかった。どうも
<%= render @notes %>
が答えらしいんだけど、
renderって
render 'フォルダ名/パーシャル名'
では無かったの？
と思って調べたら説明を見つけた。
参考：RailsのViewでのrenderメソッドの使い方 - Rails Webook
renderメソッドでは条件が揃えば省略して書けるらしく、ここで渡してる@notesコレクションは、home_controller.rbで全ノートを降順で代入しているもので、そのnote一つずつに対して_note.html.erbのテンプレートを適用して表示している、ということらしい。
納得。
今回の勉強時間：20分 累計勉強時間：13時間7分
Ruby on Rails Ⅴ ３章 ユーザー認証を仕上げよう - コントローラでヘルパーを使おう
201703014@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
コントローラでヘルパーを使おう
Userと同じように、Noteでも自分が作成した投稿だけを編集できるようにする。
UserとNoteの認証は同じ方法なので、ヘルパーを定義してDRYに。
コントローラ内でヘルパーを使えるようにするには、ヘルパーファイルをincludeする。
やりたいことは理解できるものの、まだしっくりきてない感。
今回の勉強時間：15分 累計勉強時間：12時間47分
Ruby on Rails Ⅴ ３章 ユーザー認証を仕上げよう - プロフィールの編集を制限しよう
201703013@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
プロフィールの編集を制限しよう
現状だと他人のプロフィールも編集できてしまうので、自分のプロフィールしか編集できないようにする。
<% if current_user.id == @user.id %>で、条件に合うときだけ「プロフィール編集」リンクが表示されれば良い。
ただし、これだけだと他人の編集ページのURLを直打ちするとアクセスできてしまうので、before_actionを使って、アクション実行前にuser同士を比較する。
今日はつかれたので少なめで。。
今回の勉強時間：10分 累計勉強時間：12時間32分
Ruby on Rails Ⅴ ２章 deviseを活用しよう
201703012@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
ログイン必須ページをつくろう
未ログインユーザがnotesコントローラのnewアクションなどにアクセスしようとしたときに、ログインページにリダイレクトさせる。
コントローラで`before_action :authenticate_user!```すると、そのコントローラの全アクションへのアクセスを、ログイン済ユーザに制限できる。
また、deviseではフラッシュメッセージを自動生成してくれる。
ログイン前後で表示を切り替えよう
ログイン前後でヘッダーの表示を切り替えつつ、deviseで生成されるルーティングを学習しよう。
current_userヘルパー
よく使う。
deviseの処理を見てみよう
パスワードは暗号化されてusersテーブルのencrypted_passwordカラムに保存される。
rails console > User.last
で「確かに暗号化されてるねぇ」でレッスン終了。
deviseをカスタマイズしよう
deviseのビューをカスタマイズするには、rails g devise:viewsでカスタマイズ用のビューファイルを生成する必要がある。
deviseとコントローラを使いわけよう
このままだとdeviseの新規登録画面と、Ⅳでscaffold使って作った新規登録画面が両方存在していて良くない。deviseの新規登録画面のみ使うよう、不要なアクションを消していく。
resourcesで生成されるルーティングを制限
routes.rbのresourcesの第二引数に「only」を使うと、生成するルーティングを制限することができる。（最初から要らないものは作らない、ということ？）
それはわかったものの、作る時の設計とか大変そう。
今回の勉強時間：40分 累計勉強時間：12時間22分
Ruby on Rails Ⅴ １章 deviseを準備しよう
201703012@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
インフルで１週間近く寝込んでいたので、久しぶりの勉強ログ。
この章ではユーザのログイン機能を作成する。
deviseをインストールしよう
ログイン機能を簡単に実装できるgemを導入する。それがdevise.
参考：Home · plataformatec/devise Wiki
今回のレッスンでは基本的なログイン機能を作成する。
他にも
- パスワードリセット機能
- Twitter / Facebookログイン機能
なども簡単に作れるらしい。へー。
やり方
- Gemfileに
gem 'devise'を書き込む bundle installrails g devise:install
Userモデルにログイン機能をつけよう
ログイン機能はUserモデルを用いて実装。
rails g devise Userコマンドを実行すると、Userモデルでdeviseの機能が使えるようになる。（models/user.rbに自動で変更が加わる）
他にも、上記コマンドで
- 新規登録画面
- ログイン画面
が自動生成される。ルーティングも自動生成されるので、ページが表示できる。
コマンドを打ったところ、
~ $ rails g devise User
invoke active_record
create db/migrate/20170311151727_add_devise_to_users.rb
insert app/models/user.rb
route devise_for :users
のように、変更点が表示された。
このあとは指示に従って各ファイルを変更。ここは覚えるところというよりは、このあとのための下処理的位置付けなので特別難しいことはなく。
病み上がりなのでここまで。
今回の勉強時間：15分 累計勉強時間：11時間42分
Ruby on Rails Ⅳ ４章 プロフィール画像を表示しよう
20170305@home Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]
目次
画像を表示しよう
ゴールは、ユーザがプロフィール画像を登録して、ユーザのページで表示できるようになること。
image_tag
画像を表示するにはimage_tagヘルパーを使う。画像ファイル名を指定すると、app/assets/imagesの中にある画像を表示しれくれる。
→さらにフォルダを分けたりしたら、どうなる？
画像を保存する準備をしよう
ユーザごとにプロフィール画像を登録できるよう、userテーブルにimageカラムを追加する。
画像はpublicフォルダを作ってそちらに保存する。
画像をアップロードするしくみ
file_fieldヘルパーを使う。よく見る「ファイルを選択」ボタンの付いているアレが実現できる。
画像を保存しよう
スライドが「コードはこうです。」でさらっと流れてしまった。。
インスタンスメソッドを定義しよう
画像を保存するコードを、createでもupdateでも使いたいので、インスタンスメソッドとして定義する。
ここで「あれ？コードを使いまわしたいときに使うのはパーシャルじゃなかったの？」という疑問が出そう。
- パーシャル：ビューファイルのコードの一部分を抜き出したもの
- インスタンスメソッド：そのインスタンスに対していろんな場所で使いたい共通処理だから、モデルの中でメソッドとして定義すればいい
かと。
（こういう点を頭でわかったつもりで放置しないで、後輩に説明できるレベルで理解するのが大事な気がした）
プロフィール画像を表示しよう
ユーザ一覧で、画像を登録しているユーザはその画像を、登録していないユーザはデフォルト画像を表示する。
ヘルパーを作る
ユーザが画像を登録しているかどうかで出し分ける部分のコード、毎回書くのは面倒。
画像表示は複数箇所で行いたいので、ビューで使う画像表示部分のコードをヘルパーにまとめる。
※「何度も使うコードは一つにまとめる」という目的を果たすために、パーシャルなのかインスタンスメソッドなのかヘルパーなのか、説明が欲しいところ。 端折ってるけど、多分説明必要。
今回作ったimage_forが受け取るのはユーザーオブジェクト。途中まで間違えてimageを受け取ろうとしていた。
今回の勉強時間：43分 累計勉強時間：11時間27分
