開発記録 #8
2026-10-20
今回はログインページを作っていく！！
今までのサイトにはなかったログイン機能。今回はSupabaseを使って、Googleアカウントでログインできるようにしてみた！
まずはログインページを作成して、Googleログインがちゃんと動くか確認。無事にログインできるようになった！
さらに、ログイン状態がページを移動しても維持されることも確認できた。
そして今回挑戦したのが、いいね機能との連携！
記事ごとにいいねできるようにして、いいねの数もデータベースに保存されるようにした。ページを再読み込みしても数が残るのは、ちゃんと動いている感じがしていいね！
そのほかにも、ヘッダーにログイン状態を表示する仕組みを追加。ログインしていないときは「ログイン」、ログイン中は「アカウント」と表示されるようにした。
ただ、ここでちょっとした問題が発生。
PCではいい感じだったものの、スマホだと検索アイコンやログインボタンの配置が気になることに。こういう細かいレイアウト調整も、サイトを作るうえでは大事なんだなと実感した。
まだ改善したいところはあるけど、ログイン機能といいね機能が形になってきた！
これからも少しずつ機能を増やして、もっと便利なサイトにしていきたい。
次はアカウントページの改善や、お気に入り機能にも挑戦してみたい！！