11月4週（実績）

土曜：2h,1h,1h,1h=5h

  • ユーザ登録を作り直した。
  • メッセージコンポーネントを作成。
  • メッセージを外出し・国際化（nuxt-i18n）
    • Qiita執筆（途中）

日曜：2h

  • 昨日に引き続きメッセージの外出しについてQiita執筆 qiita.com

月曜：10h

  • dockerでの環境構築docker-compose build,docker-compose run node npm run dev

火曜：10.5h

  • ログイン処理と日曜執筆したQiitaの追記執筆（メッセージにパラメータをつける）

水曜：11h

値渡しと参照渡し

  • 値を詰め替えたくて無意識でこんな感じで‘menus‘をmenuTmpに詰めて値を変えたら本物まで変わっていて焦った。（今回は配列を初期化した）
  • 値渡しと参照渡しを理解してないと私みたいにこれだけで午前中ハマります。
  • で、今回は連想配列なので1回jsonにする必要があるみたい（または後述するlodashで複製する）

  • 文字列や数値、真偽値などのプリミティブ型は値渡し、配列や連想配列などのオブジェクト型は参照渡しになるらしい。

  • 以下のままだと参照渡しのためmenusの値も変わる

for (let i = 0; i < this.menus.length; i++) {
     const menuTmp = this.menus
     this.availableMenus.push(menuTmp[i])
   }
   this.availableMenus[0].subs = []
  • 値渡しに変える ‘const menuTmp = JSON.parse(JSON.stringify(this.menus))‘

いちいちjsonに変えるのが面倒な時はlodashを使って複製する

import _ from 'lodash

const menuTmp = _.cloneDeep(this.menus)

参考：cly7796.net

木曜：9h

  • ポートフォリオをDocker化したタイミングでクラッシュ。core-js2系が必要と言われてインストールするもVuetifyが効かない状況。。。

金曜：10h

  • NuxtをDocker化するとI/Oが遅すぎて作業効率が落ちるのでそもそも必要なかった。作り直し。

週次報告

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