見出し画像

TECHCAMP学習47日目

【ChatAppのフロント実装】続き

チャット画面の実装

最後、Fetch originボタンをクリックしてもPull originボタンが出てこず、メンターさんに質問。

なぜかother branchにmasterが入っていた。
current branchにmasterを入れる必要がある。
settingからbranchesに入って、default branchでmasterを選択してupdate
デスクトップGithubに戻ってもう一度マージし直してmasterに反映。

【ChatAppのユーザー管理機能を実装】
deviseを用いてユーザー管理機能を実装

サインアップ機能ログイン機能
ログアウト機能
ユーザー編集機能

1 deviseのGemをインストール
Gemfileにgem’devise’ bundle install

2コマンドを実行してUserモデルを作成
rails g devise user

3カラムを記述してマイグレーションを実行
t.string :name, null: false
rails db:migrate

4ログイン画面に遷移するように実装
before_action :authenticate_user!

5ユーザーの名前をDBに保存できるようにする
configure_permitted_parametersメソッド

6ユーザー編集画面が表示されるようにする
resources :users, only: [:edit, :update]
rails g controller users にeditアクションを追記

7ユーザー編集した内容が更新されるように実装
updateアクションをusersコントローラーに定義

8情報更新成功後、チャット画面に遷移する
if else の条件分岐 アップデートに成功→トップ画面、失敗→編集画面

9サイドバーからユーザー編集ページに遷移できるように実装
link_toを使用

10ログアウト機能を実装
editビューファイルでlink_toでログアウトパスを指定

11バリデーションを設定
validates :name, presence: true

この記事が気に入ったらサポートをしてみませんか?