みんな安心！Googleアカウントでログインするブログ【Day 99 of 100】

https://kiyo4810.github.io/blog-with-react-and-firebase
↑まだ内容アップデートします

安心安全！Google アカウントでログインできるサイトができた

まだ中身はできてませんが、
isAuth（ログイン承認、オーソライズ、Auth）、つまり「オーソライズしてますか？ログインしてますか？」という変数作成し、

初期値はfalse、つまりログインしてませんよ！

そしてログインボタン押して、Googleアカウントで認証してログインできたら

画像のようにその値、つまりvalueがtrue、つまり、ログインしてるよ

という機能が実装できました。

これはデカい！パスワードは一切預かりません！

このGoogle Auth、つまりグーグル認証によるログインをすれば、そのアプリ、サイト、サービスプロバイダーのサイトにはパスワードは一切入力しませんので安心です。

パスワードなんてもちろん私も預かりたくありません。なので両方ハッピー

ナビゲーションバーの三項演算子

      {!isAuth ? (
        <Link to="/login">
          <FontAwesomeIcon icon={faRightToBracket} />
          ログイン
        </Link>
      ) : (
        <Link to="/logout">
          ログアウト
          <FontAwesomeIcon icon={faRightFromBracket} />
        </Link>
      )}

初期値false (ログインしてないよ)のisAuthが!ノット、のとき、つまりtrueになるから

---

？以降は

ログインボタンを表示するよ

---

：以降

ログアウトボタンを表示するよ

いよいよ明日で100日目

ですが、100日目はゴールではありませんね。やっぱりプログラミングは100日程度ではどうにもなりません

ただし、100日目標にしなかったら毎日コツコツやらなかったでしょう。

Reactの構造がだいぶわかりました。JavaScriptがかなり読めるようになりました。

まだまだ続けていきます。また日付を区切ったほうがいいな、、、

ログアウトしたら無事、keyもValueもブラウザから消えましたとさ！

https://kiyo4810.github.io/blog-with-react-and-firebase
↑まだ内容アップデートします