動かして身につく。RailsAPIとNuxt.jsで作るJWT(JSONWebToken)ログイン認証【22時間超解説】
ログイン認証がいまいち理解できていない。Gemに頼ったログイン機能から脱却したい。JWTを使ってみたい。Nuxt.jsを使ってSPAを構築したい。RailsAPIモードを使ったアプリケーションを構築したい。そんなあなたはまずこのレッスンを。
Created by 安藤 暢啓
What you'll learn
- Dockerを使った開発環境の構築方法が理解できる
- RailsAPIとNuxtjsのAPI通信の方法が理解できる
- Docker環境をHerokuにデプロイする方法が分かる
- Vuetifyを使ったフロントエンドのレイアウト構築が分かる
- JWT(JSON Web Token)を使ったログイン認証の仕組みが理解できる
- アクセストークンを使用してリソースを保護する方法が理解できる
- リフレッシュトークンを使ってログイン状態を維持する方法が理解できる
- Herokuアプリケーションの常時SSL化、リダイレクト処理の方法が理解できる
- ログイン機能がついたシングルページアプリケーションが作成できる
- インターネット上に自分のWebアプリケーションを公開することができる
Requirements
- 動画内ではMacOS(Intel Chip)v10.5以上を用いてハンズオンを行います。
- Railsチュートリアルを参考にした設計のため、チュートリアルを完走した、もしくは同等の知識があると理解がスムーズです。
- Vuejsの経験が無くいきなりNuxtjsにチャレンジするぞ!という方は、書籍「基礎から学ぶ Vuejs(シーアンドアール研究所)」を片手に受講することをおすすめします。
- Rubyの書き方、Vuejsの書き方などの基礎知識の解説は行なっていません。基礎からじっくり学びたいという方は、他の基礎コースを受講後にご購入ください。
Description
フロントエンドにNuxt.js、サーバーサイドにRails APIモードを使い、ログイン機能がついたWebアプリケーションを構築します。
認証機能にはJson Web Tokenを使用し、ログイン機能を一から構築します。
このレッスンで、ぼんやりしていたログインの仕組みを理解していきましょう。
開発環境にはDocker、本番環境にはHerokuを使用し、インターネット上にWebアプリケーションを公開します。
他人とのポートフォリオに差を付け、一つ上の転職活動にお役立てください。
Who this course is for:
- Railsチュートリアルを完走し、次の学び・教材を探している方。
- 他人とのポートフォリオに差を付けたい、転職活動をしている社会人の方。
- Nuxtjsを使ってシングルページアプリケーションを作ってみたい方。
Instructor
Rails、Nuxt.js専門。
Rails、Nuxt.js専門のプログラマです。
前職は会計事務所、公開している知識は全て独学で習得しました。
それゆえ、独学で学ぶその苦しみは痛いほど理解しています。
だから誰よりも分かりやすく、そして一人で学んでいることを感じさせないコンテンツ作りを心がけています。
「独学でも、ノンプログラマでも、プログラミングが好きならここまででできるよ。」ということを伝えることができれば嬉しく思います。