🐘 2022/08/15-2022/08/21 今週の積み上げ
react Vue MicroCMS
作成日： 2022/08/21
1

【Vue.js + firebase + Vuetify】Vue.js入門！超実践チャットルームアプリ開発（2回目）

挑戦してみること

  • Viteで構築
  • Vue3最新版を使ってみる
  • 別のUIコンポーネントで作成してみる（Element+）

進捗

いったん保留（挫折しそうだったので、別の課題をやってみて、別途進めることとします）

【Vue.js/Firebase】標準的バス情報フォーマットに対応したPWA形式の時刻表アプリを作ろう！

https://www.techpit.jp/courses/49

0章 : はじめに[済]

1章 : 環境構築[済]

2章 : Firebaseを使ってみよう

  • 2-1 Firebase新規プロジェクトの作成[済]
  • 2-2 Firebase Hosting を使う[済]
  • 2-3 Firebase Cloud Functions を使う(保留：有料契約しないとできなかったため)

3章 : PWAアプリケーションを作ろう

  • 3-1 PWAから Hello, World!![8/20]
  • 3-2 Vue.jsを使ってみよう[8/20]
  • 3-3 Hello, PWA にVueを導入しよう[8/20]
  • 3-4 コンポーネントを加えよう[8/21]
  • 3-5 ページを追加しよう[8/21]

4章 : 必要なデータを集めよう

  • 4-1 GTFS形式を見てみよう[8/21]

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで！ 超初心者から最短距離でレベルアップ

https://www.udemy.com/share/103BFi3@ndKrDkAVwUPivA1C8qjccePrjTHl69WzbrtirGo0483GdMN4NCZciuKdIqR5tUIOgQ==/

Vue.js3対応

    1. エントリーポイントの確認[8/15]
    1. Provide/Inject 長距離Props[8/15]
    1. Teleport[8/15]
    1. 追記: Composition API script setupについて[8/15]
    1. CompositionAPI・setup()の実行タイミング[8/16]
    1. setup()でthisが使えない件[8/16]
    1. setup()の戻り値[8/16]
    1. ref()[8/16]
    1. reactive()[8/16]
    1. toRefs()[8/17]
    1. メソッド[8/17]
    1. computed()[8/17]
    1. watch()[8/17]
    1. watchEffect()[8/18]
    1. ライフサイクルフック[8/19]
    1. setup(props)[8/19]
    1. emit (context.emit)[8/20]
    1. Composition Function(合成関数)の概要[8/20]
    1. 合成関数(script内)[8/20]
    1. 合成関数(モジュール化)[8/20]
    1. setup内でvue-router[8/21]
    1. setup内でナビゲーションガード[8/21]

【初心者OK】Next.jsで自作ブログを作ってみよう【MicroCMSを利用】

https://youtu.be/dNpONz4Yi04

  • プロジェクトの作成[8/16]
  • MicroCMSとの連携[8/16]
  • MicroCMS API取得[8/16]
  • ブログ詳細ページの作成[8/17]
  • デプロイ[8/18]

YouTube フロントエンド関連動画視聴

動画ではないのですが、こちらの記事がとても参考になりました。
Vueを知らず、Reactから入ったので
https://www.hypertextcandy.com/react-for-vuejs-developers
s.yoshiii