モダンなフロントエンドフレームワークである Vue.js の基礎について学んでいきます。

0%

• #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入門 基礎編』をリリースしました

最終更新日

2025年2月3日

バージョン情報

Vue.js 3.5.13

サービスメニュー

• レッスン一覧
• 料金プラン
• 法人向けライセンス
• 256times
• 運営からのお知らせ
• プログラミング学習ガイド
• プログラミング学習相談室

ご利用にあたって

• ヘルプ
• 利用規約
• プライバシーポリシー
• 利用者情報の外部送信について
• 運営企業情報
• 採用情報
• 教材利用について
• お問い合わせ

ソーシャルメディア

• note
• X (@dotinstall)
• Facebookページ

更新情報

• 新着レッスンRSS
• 新着補足情報RSS