🐣 2022/10/17-2022/10/23 今週の積み上げ
作成日: 2022/10/24
1

Nuxt.js入門決定版!Vue.jsのフレームワークNuxt.jsの基本からFirebaseと連携したSPAの開発まで

https://www.udemy.com/share/101A4W3@vms6QjCXTrXqTSFi9rtsvYxf740zEAd6QTyKcwgOZeNfOyUsRo2YBeiWw6Jnywnqqg==/

セクション8: Vuexストアを利用した状態管理

    1. モジュールモードの利用[10/17]
    1. セクションまとめ[10/17]

セクション9: カウンターアプリの開発

    1. イントロダクション-カウンターアプリの開発[10/18]
    1. 新・新規プロジェクトの作成[10/18]
    1. old削除予定:新・新規プロジェクトの作成[10/18]
    1. ストアの作成[10/18]
    1. カウンターコンポーネントの作成[10/18]
    1. カウンターコンポーネントの利用[10/18]
    1. 動作確認[10/18]
    1. 演習:リセット機能の追加[10/18]
    1. 演習回答:リセット機能の追加[10/18]
    1. セクションまとめ[10/18]

セクション10: Nuxt.js & FirebaseによるSPA開発入門

    1. イントロダクション[10/19]
    1. 注意事項等[10/19]
    1. Firebaseについて[10/19]
    1. Firebaseの設定[10/19]
    1. 新・新規プロジェクトの作成[10/19]
    1. Firebase関連のパッケージのインストール[10/19]
    1. 補足:環境変数の設定[10/19]
    1. 環境変数の設定[10/19]
    1. Firebaseとの連携[10/19]
    1. ストアの作成 (index.js)[10/20]
    1. ストアの作成 (todos.js)[10/21]
    1. todos.jsの説明[10/21]
    1. Todosコンポーネントの作成[10/21]
    1. TODO 追加機能[10/21]
    1. TODOリストを表示①[10/21]
    1. TODOリストを表示②[10/21]
    1. 削除機能[10/21]
    1. 完了・未完了チェックボックス[10/21]
    1. TODO実施状況によってスタイルを変更[10/21]
    1. 時刻フォーマットの成形[10/21]
    1. 細かい動作の修正①[10/21]
    1. 細かい動作の修正②[10/21]
    1. 動作確認[10/21]

セクション11: ボーナスレクチャー

    1. ボーナスレクチャー[10/21]

Nuxt.js講座終了です!入門できました。
VuexのStoreの考え方はReactのReduxにも通じていて、面白かったです。

【Twitterクローン】React×Firebaseでツイッターアプリをハンズオン形式で自作してみよう!(2回目)

  • Headbarコンポーネント作成、Webフォント追加[10/22]
  • Head部分のコンポーネントを分ける[10/22]
  • headbarInputエリアのコンポーネント作成[10/23]
  • mixinやvariable変数を記載するsassファイルを追加[10/23]