ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/08/28
NEW
【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中
PREMIUM
Nuxt入門 基礎編
Vue.jsのフレームワークであるNuxtの基本的な機能について見ていきます。
0%
このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
Vue.js 3入門 基礎編
(全15回)
PREMIUM
PREMIUM
0%
Vue.js 3入門 応用編
(全13回)
PREMIUM
PREMIUM
0%
Vue.js 3でTodo管理アプリを作ろう 基本機能編
(全12回)
PREMIUM
PREMIUM
0%
Vue.js 3でTodo管理アプリを作ろう 応用機能編
(全17回)
PREMIUM
PREMIUM
0%
動画レッスン一覧
(12)
#01 Nuxtを使ってみよう
(02:21)
無料公開中
概要
レッスンの構成
学習環境
未完了
#02 Codespaceを起動しよう
(01:58)
無料公開中
Codespaceの起動
Codespaceの使い方
未完了
#03 VS Codeで開発していこう
(01:52)
無料公開中
VS Codeからの接続
拡張機能のインストール
未完了
#04 アプリケーションを起動しよう
(02:09)
ファイル構成の確認
ターミナルの起動
アプリケーションの起動
ブラウザでの確認
未完了
#05 useHead()でページタイトルを設定しよう
(02:21)
app.vueの確認
NuxtWelcome
useHead()
未完了
#06 複数ページを作ってみよう
(01:53)
pagesフォルダの作成
index.vueの作成
about.vueの作成
未完了
#07 NuxtPageでページを埋め込もう
(02:49)
NuxtPage
faviconの設定
未完了
#08 nuxt.config.tsに設定を加えよう
(02:42)
nuxt.config.ts
ファビコンの設定
言語設定
未完了
#09 NuxtLinkでリンクを設定しよう
(01:16)
NuxtLink
動作確認
未完了
#10 ヘッダーとフッターを組み込もう
(02:25)
Header.vueの作成
Footer.vueの作成
Header、Footerコンポーネントの利用
未完了
#11 NuxtLayoutを使ってみよう
(02:32)
NuxtLayout
layouts/default.vueの作成
slot
未完了
#12 サイト全体のスタイルを設定しよう
(02:24)
assets/style.cssの作成
サイト全体のスタイル設定
nuxt.config.tsの設定
未完了
次におすすめのレッスン
Nuxt入門 実践編
(全14回)
PREMIUM
PREMIUM
0%
リリース情報(note)
『Nuxt入門 基礎編』をリリースしました
詳細情報
最終更新日
2025年3月23日
バージョン情報
Nuxt 3.15.4