10月1週目(実績)

土曜:朝2h,夕2h,夜1h=5h

  • Nuxt.js + FirebaseでQ&Aアプリを作成(デプロイ未実施)
  • Spring boot + Vue.js のチュートリアルを実施
  • チュートリアルをやる中で非同期処理(axios等)についての理解が足りないことが判明
  • qiita.com
  • この辺りを読んで明日実装などをする予定

日曜:朝2h,昼1h=3h

  • Vuexでの状態管理について
    • Vuexとは状態(state)を管理するライブラリ
    • コンポーネントからstateを書き換えることは非推奨でミューテーションを経由する
    • Udemyより資料拝借
    • f:id:yosuke0517:20190930072825j:plain
    • ミューテーションをコンポーネント側から呼び出すには$store.commitメソッドを使う
    • ミューテーションへ値を渡したい時は$store.commitメソッドの第二引数に値を入れる(payload)
    • この渡したい値をペイロード(payload)と呼ぶ
      • ミューテーションのメソッドの第二引数にコンポーネントで指定した値を受け取れるように引数(payload)を追加する
  • 引っ越し準備で全然できなかった!!!1

月曜:1.25h=1.25h

  • 昨日はVuexでの状態管理でmutationsのみで受け渡ししていたものをactionを経由する形に変更する
  • actionはapi通信をする際に使用する
  • actionからmutationを呼ぶ
  • templateからactionを呼ぶにはdispatchメソッドを使う
  • actionにも値を渡すことができる(やり方はミューテーションの時と同様)
  • クラシックモードとモジュールモードで記述の仕方が異なる
  • モジュールモードにするとstoreのファイル名を分けて記述することが出来、大規模アプリにおいてメンテナンス性が上がる。
  • いいもん見つけた、午後余裕があったら入れよう
  • qiita.com
  • 夕活予定:qaSample機能追加

火曜:朝1h=1h

  • Vue.js + Springbootの現場へアサイン今週は仕様の把握となりそうなので勉強時間へのカウントは出来ないと思われる
  • 加えて引っ越しの準備でちょっと忙し...

水曜:朝1.5h,夕2h=3.5h

  • 今日は非同期処理に絞ってインプット/アウトプット
  • 成果物じゃー
  • qiita.com
  • 家も決まりそうで(家賃劇高い)。

木曜:朝2h,昼0.5h,夕2h=4.5h

  • Nuxt.jsのasyncDatafetchに関する違い。以下がだいぶわかりやすかった。
  • Nuxt.jsのasyncDataとfetchは何が違うのか - Qiita
  • メモ
    • gradleでのSpringbootアプリ起動コマンド:./gradlew bootRun
  • axiosを使用してqiita api からnuxt.jsタグのついた記事の情報を取得成功!!!
async mounted() {
        console.log(JSON.stringify(await this.$axios.$get('https://qiita.com/api/v2/items?query=tag:"nuxt.js"'), true , ' '))
    }
  • 電子書籍2冊 + 本1冊購入。今週末で終わらせる勢いでやろう
  • nuxt.jsはRailsのように規約の元に成り立っている。

金曜:朝1.5h日中8h=9h

週次報告

  • 目標勉強時間:70h
  • 勉強時間:27.25h
  • 目標との乖離:-42.75h
  • 何を得たか:nuxt.jsの基礎
  • 何が必要か:nuxt.js + typescriptの基礎と応用
  • 来週の目標:nuxt.js + typescript のインプットとアウトプットを続ける