ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/08/28
NEW
【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中
PREMIUM
Vue.js 3入門 基礎編
モダンなフロントエンドフレームワークである Vue.js の基礎について学んでいきます。
0%
このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
JavaScript入門 基礎文法編
(全27回)
PREMIUM
PREMIUM
0%
JavaScript入門 関数編
(全12回)
PREMIUM
PREMIUM
0%
JavaScript入門 データ構造編
(全27回)
PREMIUM
PREMIUM
0%
JavaScript入門 DOM編
(全22回)
PREMIUM
PREMIUM
0%
動画レッスン一覧
(15)
質問と回答
(1)
#01 Vue.jsを学んでいこう
(02:18)
無料公開中
概要
レッスンの構成
学習環境
未完了
#02 Codespaceを起動しよう
(02:00)
無料公開中
Codespaceの起動
Codespaceの使い方
未完了
#03 VS Codeで開発していこう
(01:59)
無料公開中
VS Codeからの接続
拡張機能のインストール
未完了
#04 ファイル構成を確認しよう
(02:22)
無料公開中
ファイル構成
ターミナルの起動
アプリケーションの起動
ブラウザでの確認
未完了
#05 ページが表示される仕組みを理解しよう
(02:05)
ページが表示される仕組み
index.html
未完了
#06 処理の流れを確認していこう
(02:30)
main.js
style.css
App.vue
未完了
#07 コンポーネントベースで開発してみよう
(01:41)
HTML/CSSによるWeb制作
コンポーネントベースの開発
未完了
#08 サイトをVue.jsで組み直そう
(02:37)
ポートフォリオサイトの確認
titleタグの組み込み
linkタグの組み込み
未完了
#09 App.vueにコードを移動させよう
(02:40)
コードの移動
画像パスの変更
未完了
#10 コンポーネント用のファイルを作成しよう
(02:23)
componentsフォルダの作成
Header.vueファイルの作成
未完了
#11 Header.vueを実装していこう
(01:39)
headerの分離
templateタグの設置
styleタグの設置
未完了
#12 コンポーネントを埋め込んでみよう
(02:34)
scriptタグの設置
Headerコンポーネントの読み込み
未完了
#13 Main.vueを実装していこう
(02:39)
Main.vueの作成
Mainコンポーネントの読み込み
コンポーネントタグの記述方法
未完了
#14 Footer.vueを実装していこう
(01:47)
Footer.vueの作成
Footerコンポーネントの読み込み
未完了
#15 scopedについて確認しよう
(02:48)
scoped属性
サイト共通のスタイル
未完了
#08 サイトをVue.jsで組み直そう
Vue.jsの開発環境でindex.htmlを実行する方法を教えてください
2025年5月28日
次におすすめのレッスン
Vue.js 3入門 応用編
(全13回)
PREMIUM
PREMIUM
0%
Vue.js 3でTodo管理アプリを作ろう 基本機能編
(全12回)
PREMIUM
PREMIUM
0%
Vue.js 3でTodo管理アプリを作ろう 応用機能編
(全17回)
PREMIUM
PREMIUM
0%
Nuxt入門 基礎編
(全12回)
PREMIUM
PREMIUM
0%
Nuxt入門 実践編
(全14回)
PREMIUM
PREMIUM
0%
リリース情報(note)
『Vue.js 3入門 基礎編』をリリースしました
詳細情報
最終更新日
2025年2月3日
バージョン情報
Vue.js 3.5.13