5月5週

土曜：5h

  • 今日はgoの日
  • docker + airを使用してリモートデバッグができるようにした

    詰まった箇所

  • ブレイクポイントが効かない事象が発生

    • 2種類のgopathを設定しており、プロジェクトgopathを消したら直った f:id:yosuke0517:20200523205149j:plain

  • go moduleが効かない事象が発生していた

    • golandでgo moduleを有効化したら直った f:id:yosuke0517:20200523205332j:plain

日曜：5h

月曜：11h

  • caprese共通エラーメッセージ作成
  • z-indexで重なりを指定

火曜：11h

  • jestにてスキーマ毎？？（言い方がわからない）にstoreを定義する
import { actions, mutations, state } from '~/store/api/customerInfo'
import { actions as certifyActions, mutations as certifyMutations, state as certifyState } from '~/store/data/certify'
import { actions as dataActions, mutations as dataMutations, state as dataState } from '~/store/data'
import { actions as rootActions, mutations as rootMutations, state as rootState } from '~/store'
import { actions as innerRouterActions, mutations as innerRouterMutations, state as innerRouterState} from '~/store/routing/innerRouter'

こんな感じ

css :100%では画面いっぱいという意味にならない

  • 親要素がいたとすると、親要素の大きさの１００％のことだから画面いっぱいという意味にはならない
  • 画面いっぱいを表したいときは100vhを使う（横はvw）
  • jsnotice.com

水曜：11h

<div class="parent">
            <div class="child">■１</div>
            <div class="child">■２</div>
            <div class="child">■３</div>
          </div>

.parent {
    background: #55BE2E;
    font-size: 32px;
    display: flex;
    .child:nth-child(3) {
      background: #EE6E73;
      font-size: 32px;
      margin-left: auto;
    }
  }

タブ内でスクロールバリデーション（一番下までスクロールしないと次へボタンが活性化されないやつ）しようと思ったときにハマったのでメモ

  • 1番下の値を求める
    • 底 = スクロール対象の要素の画面高さ - スクロール対象の要素の画面に表示されている分の高さ
  • コードにするとこんな感じ
data () {
  scrollY: 0,
  scrollElement: {},
  scrollBottom: 0
},
mounted () {
    this.scrollElement = document.getElementById('device-inner')
    this.scrollElement.addEventListener('scroll', this.handleScroll)
    // 底 = スクロール対象の要素の画面高さ - スクロール対象の要素の画面に表示されている分の高さ
    this.scrollBottom = this.scrollElement.scrollHeight - this.scrollElement.clientHeight
},
methods: {
    handleScroll () {
      this.scrollY = this.scrollElement.scrollY
      if (this.scrollElement.scrollTop === this.scrollBottom) {
        alert('一番下')
      }
    }
  }

木曜：11h

  • TypeScriptの各型の真偽
  • 0, ''(=空文字), null, undefinedが false でそれ以外はtrue

金曜：11h

  • vueで動的にcssクラスを付与する
  • :classを使ってshow === 'options'がtrueのときにis-activeクラスが付与される
<b-button
        @click="showUpdateCommit('options')"
        name="options"
        :class="{'is-active': show === 'options'}"
        class="c-btn-check btn-block text-left font-weight-bold"
      >

週次報告

  • 年間（2019/8~2020/8）目標時間（業務での設計・実装含む）：3380h
  • 今週を含む累積時間：2535h
  • 週次目標時間：65h
  • 週次実績時間：65h
  • 何を得たか：flutter基礎・capreseデプロイ検討・ライブラリの改造
  • 何が必要か：golang基礎・認証の知見・Nuxt・React・テスト手法の取得
  • 来週の目標：新機能追加