2019-07-16-tommy
最近は出退勤の前後1時間を外でする勉強の時間に当ててます
hem6.icon/icons/すごい.icon
会社の近くのマクドナルドでやってますがWi-Fiが1時間しか繋がらないのでダラダラしなくていい感じ
とは言ったものの早速Wi-Fiが繋がらないという状況ですが・・・w
なかなかWi-Fiが安定してる作業スペースがない
コワーキングスペースとかは高いし
Socialログインの続き
認証周りがきちんと働いているかテスト
そのあとソーシャルログインの実装に再挑戦
確認メールとかパスワードリマインダーの実装とかけっこう時間食いそうなので、いったんメールでの登録は外していこうかな
dev.toとかはTwitterとGitHubでの登録のみだし
というわけでdev.toのUIを参考にソーシャル認証処理を作っていく
まずはSign upボタンと画面が要らないと思うのでそれを外していく
その前に今の状況をコミットしてプッシュしとこう
コミットは終わった
まだ未実装なのでプッシュはやめとこう
dev.toみたいに開くメニューからすぐサインインできる感じにするか
あー認証必要な画面に行った時のリダイレクトとかあるからやっぱログイン画面つくるか
GoogleとFacebookもキーとか用意してあるけどは後回しでまずはTwitterとGitHubを実装しよう
JS初心者なので共通処理をどうexportしたらいいか分からず "export utils" で検索したらがみさんの記事がひっかかったw
ES Modulesは未だに雰囲気でやっていて慣れない
hem6.icon/icons/わかる.icon
へむろくさんが遊びに来た!
✌︎hem6.icon✌︎✌︎tommy.icon✌︎
Vueで共通処理を持たせるにはmixinというやつを使えばいいっぽいな
時間が来たのでマックでの作業は終わり
帰ってまたやる
寝る時間(22:00〜6:00)は削らないと決めているので15分ぐらいやる
ソーシャルログインボタンコンポーネントの共通化を書いてく
新しいウィンドウを開く関数は普通のJSモジュール化した
あとはVue特有のライフサイクルとかmethodsの部分をmixin化していく
まずはmixinの理解から
これ読んでく
お、割とすんなりMixin化できたっぽい
あとは認証のあとのStoreでの認証状態の変化の処理を入れていこう
今日はここまで