10. ログイン前のレイアウト構築
11 / 3. 【ウェルカムページ 2/4】アイキャッチ画像・アプリ名・メニューを表示しよう
この動画はUdemyで購入できます。
動かして身につく。RailsAPIとNuxt.jsで作るJWT(JSONWebToken)ログイン認証【22時間超解説】
見てみる
11 / 3. 【ウェルカムページ 2/4】アイキャッチ画像・アプリ名・メニューを表示しよう

この動画では、トップページにアイキャッチ画像とツールバーを追加します。
00:00 この動画で達成すること
00:54 前回の修正
01:30 トップページにアイキャッチ画像を追加する
02:59 v-imgタグの使い方(Vuetify)
03:11 サンプルイメージ画像を提供するロレムピクサムの使い方
04:20 gradientプロパティ(v-img)
04:45 styleプロパティをオブジェクトで指定する方法
05:34 メニュータイトルとサブタイトルを表示する
10:19 Toolbarを作成する
10:40 環境変数にアプリ名を用意する
11:18 環境変数をNuxt.jsに登録する(publicRuntimeConfig)
12:51 Toolbarにアプリ名を表示する
13:54 publicRuntimeConfigに登録した環境変数をVueファイルから呼び出す方法
16:38 appプロパティ(v-app-bar)
17:00 Toolbarにアプリロゴを追加する
18:54 Toolbarにメニューボタンを追加する
19:53 配列を受け取るpropsのdefaultの書き方
23:17 コミットする
23:54 まとめ

この動画のリソース
独学プログラマ
独学でも、ここまでできるってよ。
LOGS
更新終了した過去の記事たち
CONTACT
Nuxt.js制作のご依頼は下記メールアドレスまでお送りください。