Udemy
Udemyの動画教材「RailsAPIとNuxt.jsで作るユーザーJWT(JSON Web Token)ログイン認証」の台本を公開しています。
このカテゴリーは完成しました。（更新終了）
1.
このカテゴリーの歩き方
2.
Docker入門
3.
Dockerを使ったRails+Nuxt.js環境構築
1
【Docker+Rails6+Nuxt.js】今回作成するアプリの開発環境の全体像を知ろう
1年前に公開
2
【MacOS】Homebrew経由でGitをインストールする方法
1年前に公開
3
Rails6を動かすAlpineベースのDockerfileを作成する(AlpineLinuxとは何か)
1年前に公開
4
Nuxt.jsを動かすAlpineベースのDockerfileを作成する(C.UTF-8とは何か)
1年前に公開
・
20日前に更新済み
5
.envファイルを使ったdocker-compose.ymlの環境変数設計
1年前に公開
・
2月前に更新済み
6
Rails6・Nuxt.js・PostgreSQLを動かすdocker-compose.ymlファイルを作成する
1年前に公開
7
docker-compose.ymlを使ってRails6を構築する(PostgreSQLパスワード変更方法)
1年前に公開
8
docker-compose.ymlを使ってNuxt.jsを構築する
1年前に公開
4.
複数プロジェクトのGit管理
5.
RailsAPI×Nuxt.js初めてのAPI通信
6.
Heroku.ymlを使ったDockerデプロイ
1
デプロイ準備。Herokuへ新規会員登録を行いHerokuCLIをインストールする
1年前に公開
2
heroku.yml解説編。Docker環境のRails6をHerokuにデプロイする(1/2)
1年前に公開
・
6月前に更新済み
3
HerokuCLI-manifestのデプロイ解説編。Docker環境のRails6をHerokuにデプロイする(2/2)
1年前に公開
4
Dockerfile解説編。Docker環境のNuxt.jsをHerokuにデプロイする(1/2)
1年前に公開
・
11月前に更新済み
5
デプロイ完結編。Docker環境のNuxt.jsをHerokuにデプロイする(2/2)
1年前に公開
7.
モデル開発事前準備
8.
ユーザーモデル開発
1
Railsユーザーモデル作成。テーブル設計・ユーザー認証設計を理解する
1年前に公開
2
Railsユーザーモデルのバリデーション設定(has_secure_password解説)
1年前に公開
・
10月前に更新済み
3
Railsバリデーションエラーメッセージの日本語化(ja.yml設定方法)
1年前に公開
4
EachValidatorクラスのカスタムバリデーション設定(Rails6/lib以下読込)
1年前に公開
5
Rails環境ごとにSeedデータ切り替えるseeds.rbの書き方
1年前に公開
・
10月前に更新済み
6
Rails6から導入された並列テストを理解する
1年前に公開
7
Railsユーザーモデルバリデーションテスティング(name/email/password)
1年前に公開
8
Nuxt.jsからRailsのユーザーテーブルを取得しHerokuにデプロイする
1年前に公開
9.
Nuxt.jsフロント開発事前準備
10.
ログイン前のレイアウト構築
1
Nuxt.jsのレイアウト・ページ・コンポーネントの役割を理解しよう
1年前に公開
・
10月前に更新済み
2
Nuxt.js ウェルカムページを構成するコンポーネントファイル群を作成しよう(1/4)
1年前に公開
3
Nuxt.js ウェルカムページにアイキャッチ画像・アプリ名・メニューボタンを表示しよう(2/4)
1年前に公開
4
Nuxt.js addEventListenerでスクロールを検知しツールバーの色を変化させよう(3/4)
1年前に公開
5
Nuxt.js ウェルカムページをレスポンシブデザインに対応させよう(4/4)
1年前に公開
6
Nuxt.js 会員登録ページのレイアウトファイルを作成しよう(1/4)
1年前に公開
7
Nuxt.js 名前、メール、パスワードのコンポーネントファイルを作成しよう(2/4)
1年前に公開
・
8日前に更新済み
8
Nuxt.js 親子コンポーネント間の双方向データバインディングを実装する(3/4)
1年前に公開
9
Nuxt.js Vuetifyのv-text-fieldを使った会員登録フォームのバリデーション設定(4/4)
1年前に公開
10
Nuxt.js ログインページ実装とHerokuデプロイまで(router. replaceとpushの違いとは)
1年前に公開
・
2月前に更新済み
11.
ログイン後のレイアウト構築
12.
サーバーサイドのログイン認証
1
JWTとは何か?(ruby-jwtのインストール)
1年前に公開
2
【Rails×JWT】ログイン認証解説とJWT初期設定ファイルの作成
1年前に公開
・
7月前に更新済み
3
【Rails×JWT】トークン発行とデコードを行うAuthTokenクラスの作成
1年前に公開
・
3月前に更新済み
4
【Rails×JWT】 ログイン判定を行うAuthenticatorモジュールの作成
1年前に公開
5
【Rails×JWT】UserクラスからJWTを扱うTokenizableモジュールの作成
1年前に公開
6
【Rails×JWT】AuthTokenクラスとAuthenticatorモジュールをテストする
1年前に公開
・
3月前に更新済み
7
【Rails×JWT】JWTをCookieに保存するログインコントローラーの実装
1年前に公開
8
【Rails×JWT】ログインコントローラーのテストとHerokuデプロイ
1年前に公開
13.
フロントエンドのログイン認証
1
【Rails×Nuxt.js】クロスオリジン通信でのCookie共有設定
1年前に公開
2
【Nuxt.js】Railsからのログイン成功レスポンスをVuexに保存する
1年前に公開
3
【Nuxt.js】ローカルストレージの有効期限を暗号化する(crypto-js解説)
1年前に公開
4
【Nuxt.js】JWT有効期限内のユーザーをログインしたままにする実装
1年前に公開
5
【Nuxt.js】ログイン前後のリダイレクト処理をミドルウェアで実装する
1年前に公開
6
【Nuxt.js】ログイン失敗時のトースターをグローバルイベントとして作成する
1年前に公開
7
【Nuxt.js】エラーページを作成する
1年前に公開
8
【Rails×Nuxt.js】デモプロジェクトの作成とHerokuデプロイ(ログイン認証完)
1年前に公開
14.
本番環境への対応