Skip to content

tuqulore/vue-3-practices

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-3-practices

Vue 3 / Nuxt を学習するためのスライドハンズオン演習を用意したリポジトリです。

スケジュール

自習時間を除き、全 16 時間を想定しています。

  1. Vue 3 のハンズオン (6 時間)
  2. Vue 3 周辺ライブラリのハンズオン (2 時間)
  3. Vue 3 サンプルアプリケーションのハンズオン (4 時間)
  4. Nuxt のハンズオン (4 時間)

スライド

https://tuqulore.github.io/vue-3-practices/

ハンズオン

内容 リンク
Nuxt を触ってみよう ハンズオン
デザインラボの記事ビューアー ハンズオン 完成
デザインラボの記事ビューアー(Nuxt 版) 完成
靴のギャラリー ハンズオン 完成
靴のギャラリーとショッピングカート 完成
付箋アプリ ハンズオン

演習

キーワード リンク
style 演習 解答
scoped css component 演習 解答
mustache setup 演習 解答
reactive(ref) class binding event handling 演習 解答
vue router 演習 小問 1 小問 2
fetch 演習 解答
debounce 演習 解答

StackBlitz の動作環境

以下の環境で動作します。

  • Chromium 系ブラウザ (推奨)
  • Firefox (ベータサポート)
  • Safari (ベータサポート)

詳しくはこちらを参照してください。

講師を依頼したい方

株式会社ツクロアでは、この教材を使ったオンライン講習のご依頼を受け付けています。 ご検討の方はこちらのフォームにてまずはお問い合わせください。

Vue3, Nuxt3 講師依頼フォーム

ライセンス

別途指定のないかぎり、以下のライセンスで提供されています。

ソースコード

MIT ライセンスで提供されています。

ドキュメント

クリエイティブ・コモンズ・ライセンス
tuqulore Inc. 作『Vue 3 / Nuxt の教材集 』はクリエイティブ・コモンズ 表示 4.0 国際 ライセンスで提供されています。