2018年振り返り

振り返り

2018年振り返り

今年やりたかったこと

  • エンジニアとして手を動かし、何らかアウトプットするために朝活を始める！
    • 理由①：今の仕事だけでは最新技術をキャッチアップできない
    • 理由②：PM方面の仕事ばかりで手を動かして何かを作ることが殆どなくなった
    • 理由③：子供もできて自由時間取れないため、自己研鑽のための時間の確保が更に難しくなった

今年やったこと

3月から朝活を始め、以下のことを実施した。

また、朝活を始め毎週ブログを書くようにしていたので、ブログは51記事書いた。

No 内容 出典 実施期間(週) 実施日数(日)
1 フルスタック・Webエンジニア講座 Udemy 11週 49日
2 はじめてのPHP 7 x Laravel 5.5入門 Udemy 4週 15日
3 PHPフレームワーク Laravel入門 本 8週 33日
4 基礎から学ぶ Vue.js 本 11週 42日
5 Blackjack-Vue 個人ブログ 1週 4日
6 Whiteboard-Vue オリジナル 4週 17日
7 Laravel+Vue.js+JWTAuth 個人ブログ 4週 17日

今年の振り返り

  • Keep
    • 平日は継続して朝活できた。(3月から朝活を始め大凡10ヶ月で177日ほど活動できた。)
    • ブログも週1で更新できた。(大凡10ヶ月で51記事作成できた。)
    • 人生初のコメントをいただけた。
    • 写経だけではなくオリジナルのものが作れた。
  • Problem
    • 定期的なアウトプットはできたが、単位は週一である必要があったのか疑問。(もうちょっとまとまった単位で良いのでは？)
    • 朝活が平日だけで土日や休日はまったくできていない。(たまーに本を読む程度で、手を動かすことはできなかった。)
    • 毎日朝活後にGithubにPushしようと思っていたが忘れがちだった。
    • 朝活以外に読んでいる本もあるので、アウトプットすればよかった。
  • Try
    • ブログ更新の単位を週ではなく成果レベルに切り替える。
    • 朝活のように手を動かす必要がない本を読んだ場合でもアウトプットする。
    • 土日も自己研鑽の時間を少しでも取る。(手を動かすとなるとハードルが高いので、本を読むなどできることをやる。)

この振り返りをもとに、来年の目標を立てるとしよう。

Laravel+Vue.js+JWTAuth 4週目(実施期間:17日)

学習

進捗

Laravel+Vue.js+JWTAuth

所感

  • そもそもJWTAuthとは何ぞや？
    • JWTは「JSON Web Token」の略。属性情報(Claim)をJSONデータ構造で表現したトークンの仕様。
    • RFC 7519で標準化されてるんだ。へぇー。(参照1、参照2)
  • コードにてbcryptが出てきた。これは何だ？
    • Blowfish暗号化方式をプログラムで利用できるよう実装したものとのこと。(参照)
      • Blowfish暗号化方式使った実装だよ！とわかりやすくするためにこの名前を一般的に付けているということらしい。GoとかPythonにも同じ名前の関数あるっぽい。

その他

  • 今年の朝活生活もこれで終わり。1年の振り返りしようかな。

Laravel+Vue.js+JWTAuth 3週目(実施期間:14日)

学習

進捗

Laravel+Vue.js+JWTAuth

所感

  • やっと「yarn run devエラー」、「POST/PUT問題」から脱出できた。2Weekくらい彷徨った。
  • forceUpdateが使われているがこれは一体何？？
    • リアクティブではない後から追加したデータを反映させるためのメソッド。(参照)
  • post/putで500 (Internal Server Error)が出る…。UnitTestでもコケてたので、何らかの原因があるようだ…。s
    • curlコマンドではHTML返ってくるがDBは更新されていたので問題ないと思っていたが、「HTML形式で返ってくる＝何らかの問題がある」ようだ。そこに気づけていなかった。
      • サンプル通りに作成していたがfresh関数の呼び方を変更したら上手くいった。Modelに対してfresh呼ばないといけないようだ。なぜサンプルコードは動いているのだろうか。
// 修正前
Task::create($request->only('name'))->save()->fresh();

// 修正後
$task = Task::create($request->only('name'));
$task->save();
return $task->fresh();

Laravel+Vue.js+JWTAuth 2週目(実施期間:10日)

学習

進捗

Laravel+Vue.js+JWTAuth

所感

  • Githubロゴのためにflaticonを使っている模様。URL合っているのか…？？
  • VueのPackageミスマッチが出てハマりにハマって全然先に進まない。
    • Package、Webpack周りのことを勉強したいと感じた。

Laravel+Vue.js+JWTAuth 1週目(実施期間:5日)

学習

進捗

Laravel+Vue.js+JWTAuth

所感

  • 今まで学習してきたLaravel＋Vueを使ってデータ永続化を学べそうなので学習題材として選択させていただいた。
    • @acro5pianoさん、ありがとうございます。勉強させていただきます。
  • JWTAuthという言葉を初めて知った。
  • 「perl -i -pe 's/DB_.+\n//g' .env」…perlのようだけどこれは一体何をしているのだろうか…
  • Vue.js側でvue-spinnerを使っている模様。
    • おー、オシャレ。Loadingに時間がかかる処理を入れるときは使ってみよう。
  • Windows環境で開発しておりPowerShellでのcurlコマンドがInvoke-WebRequestのエイリアスに割り当てられてて使いづらい…。
    • こちらのサイトの対応をして無事解決。素晴らしい。
    • ついでにChocolateyでjqも入れて快適になった！！が、この手間はWindows環境だから発生しており無駄に感じるところではある。
  • SQLiteはインメモリで使えるらしい。知らなかった。
  • 下記エラーが出てUnitTestが失敗する…
    • 「testing.ERROR: Symfony\Component\Debug\Exception\FatalThrowableError: Call to a member function fresh()」
      • 調べてみたが解決できず…。POSTで引っかかってるようだが、原因が分からなかった。
      • UnitTestではなくPowerShellからPOSTすれば成功するんだけどなぁ…

Whiteboard-Vue 4週目(実施期間:17日)

学習

進捗

Whiteboard-Vue

f:id:fatherofikura0107:20181121075157j:plain

動くものは★こちら★

未着手/作業中/完了 内容 詳細
完了 在籍状況のフィルタリング 画面上部のSwitchを利用し、Table表示対象をフィルタリングする
完了 在籍状況の変更 画面下部のButtonを利用し、選択している行の在籍状況を変更する
完了 課の切り替え機能 画面上部のMenubarを利用し、課ごとの在籍状況を切り替える
完了 在籍状況の補足情報を登録する(テキストボックス) 在席状況変更時にテキストボックスに入れた補足情報を登録する
完了 在籍状況の補足情報を登録する(プルダウン) 在席状況変更時にプルダウンにて選択した補足情報を登録する
  • 木曜/金曜と朝活できなさそうなので今週は切りが良いのでここまで。
    • 上記の一覧を対応出来たので第一段階は終了。データ永続化のためにWebAPIサーバを作りたい。

所感

  • iconが出ないので気になっていたが、こちらを参考にしたら表示された。
    • BuefyはMaterial Design Iconsがデフォルトであることを知った。
    • CDN使わない方法にしたいがどうすればよいのだろうか。
  • soussuneを聞いていてNetlifyが気になったので試しにリリースしてみた(参考)
    • 簡単に公開できた。データの永続化を考えたらこれじゃ駄目だけど。

Whiteboard-Vue 3週目(実施期間:14日)

学習

進捗

Whiteboard-Vue

f:id:fatherofikura0107:20181116172606j:plain

未着手/作業中/完了 内容 詳細
完了 在籍状況のフィルタリング 画面上部のSwitchを利用し、Table表示対象をフィルタリングする
完了 在籍状況の変更 画面下部のButtonを利用し、選択している行の在籍状況を変更する
完了 課の切り替え機能 画面上部のMenubarを利用し、課ごとの在籍状況を切り替える
作業中 在籍状況の補足情報を登録する(テキストボックス) 在席状況変更時にテキストボックスに入れた補足情報を登録する
作業中 在籍状況の補足情報を登録する(プルダウン) 在席状況変更時にプルダウンにて選択した補足情報を登録する
  • 上記の一覧を対応したら取り敢えず第一段階は終了として進める。
    • 今は内部的にデータを保持しているだけなので、次はデータ永続化の検討をしたい。

所感

  • VueRouterを使おうと考え以前読んだ猫本を読み直す
    • VueRouter以外で自作しようとした際に自分で調べ直している内容が多いことに気づいた。
      • 本を読むだけでは駄目で、読んだ内容を利用して何らかのOutputが必要だと感じた。
    • どうやって課の情報を渡そうか。今は$route使えば簡単だが実装的に良くはないだろう...。猫本はprops使っているがstore化できないのかなー。
  • 課や在籍状況などがハードコーディングになっている...どうにかしたいが第一段階としては取り敢えず動く形を目指す。