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

学習

進捗

Laravel+Vue.js+JWTAuth

所感

  • Tinker便利。対話的にプログラムを動かしたいときに利用するコマンド。(参照)
  • Bcryptを用いた暗号化の意味を少し理解できた。同じPwdでもソルトが入ることで値が変わるということか。(参照)"
  • Token認証時に「Authorization: Bearer (Token)」と書くが、これはお作法なのか？？そもそもBearerって何？？
    • この文脈ではBearerとは「持参人払い」を意味する。Bearer Tokenの流れでこちらに良い説明があった。
    • Authorization ヘッダや認証スキーム(auth-scheme)についてはRFCで定義されている一般的に使われている。(参照)"
  • Laravelだと標準でaxiosまで入るのか…。どのコンポーネントからもリクエスト出せるので見通しの悪さを懸念して「services/http.js」に一任させるような設計にしているらしい。
    • 元となるkoelを参考にしているとのことだが、こちらのコードを読んでみたい。"
  • 参考にしていた記事ではHerokuにて動くデモが乗っていたが、Herokuへのデプロイまでは記載がなかった。
    • Herokuへのデプロイを次の学習の題材としたい。

その他

  • 昨年途中やりだった内容はこれで一段落。次の記事からは昨年の振り返りを活かし成果レベルで一纏めにしていく。

2019年目標

目標

2019年目標

2018年の振り返りから下記を今年の目標として設定。

目標①：ブログ更新の単位を週ではなく成果レベルに切り替える。

数値目標：8記事

目標②：朝活のように手を動かす必要がない本を読んだ場合でもアウトプットする。

数値目標：5記事

目標③：土日も自己研鑽の時間を少しでも取る。

数値目標：5時間/月

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すれば成功するんだけどなぁ…