10.
ログイン前のレイアウト構築
サンプル
11 / 1. Nuxt.jsのレイアウト・ページ・コンポーネントの役割を理解しよう
1.
イントロ
2.
Docker入門
3.
Dockerを使ったRails+Nuxt.js環境構築
4.
複数プロジェクトのGit管理
5.
RailsAPI × Nuxt.js 初めてのAPI通信
6.
heroku.ymlを使ったDockerデプロイ
7.
モデル開発事前準備
8.
ユーザーモデル開発
9.
Nuxt.js フロント開発事前準備
10.
ログイン前のレイアウト構築
Nuxt.jsのレイアウト、ページ、コンポーネントの役割を理解し、ログイン前のレイアウトを構築します。
1.
Nuxt.jsのレイアウト・ページ・コンポーネントの役割を理解しよう
2.
【ウェルカムページ 1/4】コンポーネントファイル群を作成しよう
3.
【ウェルカムページ 2/4】アイキャッチ画像・アプリ名・メニューを表示しよう
4.
【ウェルカムページ 3/4】スクロールイベントでツールバーの色を変化させよう
5.
【ウェルカムページ 4/4】レスポンシブデザインに対応させよう
6.
ログイン前のレイアウトファイルを作成しよう
7.
会員登録フォームを作成しよう
8.
親子コンポーネント間の双方向バインディングを理解しよう
9.
会員登録フォームの双方向バインディングを実装しよう
10.
Vuetifyを使った会員登録フォームのバリデーション設定
11.
ログインページを作成しよう
11.
ログイン後のレイアウト構築
12.
サーバーサイドのログイン認証
13.
フロントエンドのログイン認証
14.
本番環境への対応