🐘 2/11 【第2週目】Vue.js/Vuexを使ってTrello風アプリを作成しよう!
作成日: 2022/02/11
1

◇2回目:2週間で完了予定
Section 0 はじめに: 2/9 ➡終了
 ・Windowsのインストール問題なくできた。無事環境構築もでき
 ・プロジェクトも作成できた!
Section 1 Vuexとは:2/10 ➡2/11終了!
 ・小さく、自己完結的で、再利用可能なコンポーネント!
 ・単一コンポーネントは、HTML(テンプレート)・JS(ロジック)・CSS(スタイル)を
  1つのファイルに配置します。
 ・画面ごと、またはUI部品ごとに単一コンポーネントを作成することで
  一貫性と保守性に優れます
 ・データの受け渡しが増えていくことで、データがどこで変更されたか等のデータの流れが
   追いづらくなり、メンテナンスが困難なコードとなってしまいました。  
   このような問題を解決するために生まれたのがVuexです。
 ―storeの4つの機能―
   storeには「state」、「mutations」、「actions」、「getters」の4つの機能が登場!
   「state」は、アプリケーション全体のデータの状態を管理
   「mutations」は、stateの更新だけを行います。
   「actions」は、mutationsの呼び出しを行います。また、非同期なAPI通信もここで行い    ます。
   「getters」は、stateの値を算出したものを返す場合に役立ちます。Vueのcomputedと同様の動きをします。

★Vuexは状態管理に関わる概念を定義、分割し、特定のルールを定めることで、コードの構造と保守性をアップさせています。!
Vuexの概要.PNG

Section 2 TOPページを作成しよう:2/11 ➡ 2/21
Section 3 Listを作成できるようにしよう:2/22
Section 4 Cardを作成できるようにしよう:2/23
Section 5ドラッグ&ドロップ機能を追加しよう:2/25

Section 6 終わりに:2/26


webデザイナーです。 イラストレーターで、楽しくなるような絵を描くのが趣味です。将来は、反響が得られ、結果を出せるフロントエンドエンジニアを目指しております。よろしくお願いします。