ryokatsu.dev いいね機能を実装した
このブログにAstro DBを使っていいね機能を実装しました。記事ページの上部にあるハートアイコンをクリックすると、いいねをすることができます。
気軽にいいねしてください！
以前はAstro公式のAstro Studioというホスティングサービスがありましたが、2025年3月で終了したようです。
アナウンスとAstro DBのドキュメント通り、Tursoを使うということなので、AstroのドキュメントとTursoのドキュメントを確認して実装しました。
いいね機能について
シンプルに記事のslugをキーにして、いいね数をカウントする構造になっています。以前お気に入り機能を実装したときにAstro Sessionsを使っていたので、今回もそれを使いつつDBにいいねされている数を保存するようにしようとしました。
しかしVercelのサーバーレス環境の問題なのか何度かリロードすると、セッションがリセットされてしまい、実際はカウントがあるのに0件になったりする問題があったため、最終的にはローカルストレージに記憶するようにしました。
いいね数のカウントについては、同じセッション内で判定しています。別ブラウザやシークレットモードなどを使うと、再度いいねできるめちゃくちゃカジュアルな仕様になっています。
設定やDBの作成、UIは自分で実装して、APIについては、Claude Codeで作り1時間ぐらいで完成しました。楽ちん！
別にいいね機能自体が作りたいわけではなく、Astro DBを使ってみたかっただけなので、満足です。