IRIS-ON-BOOKREST

以前ブログにいいねボタンを実装してみたで導入したいいねボタンを最新化してみました。 なぜ最新化したのか 比較的雑なスタート もともと、いいねボタンは個別の記事ページのみに配置する想定で実装していました。んで、いいね数を取得するのも、更新するのも個別のpost IDをパラメータする形となっており、まあパラメータ同じだったら、参照&更新を同一APIにしちゃっていいか！という組み方にしました。 一覧にも表示したくなる しかし、結局あれこれやっているうちにTOPページなどにも記事ごとのいいね数を表示したくなってしまいました。この際、もともとのエンドポイントを利用しようとすると、記事数分のリクエストを投げなければいけなくなってしまい、結果無駄な通信が多く発生してしまうことになります。 パフォーマンス面の悪影響もそうですが、コスト的にもworkersの無料枠はリクエスト数に基づいて決まっているため、なるべく不要なリクエストが発生しないようにするべきです。 なので、今回この辺りをメンテナンスすることにしました。 修正方針について まずは修正方針を検討していきま

どうも、本業エンジニアです。今回はこのブログに「いいねボタン」を実装してみました。細かいコードはAIに聞けばすぐ出てくると思うので、主に構成とか仕組みについて紹介していこうと思います。 なお、外部のいいねボタンサービス（LikeBtn、Lyket）を利用しない方針でやっています。また、無料で実装&運用できる方法を選択しています。 完成イメージ 以下のようないいね機能が出来上がります。 押すといいね数が繰り上がるボタン↓ 記事上にいいね数を表示↓ ざっくり処理フロー 以下のフローで実装しています。恐らく登場人物はなんとなくこれで分かるかと思います。 構成について 今回は以下の構成でやっていきます。 * Cloudflare Workers（いいね数の管理に利用、無料で使えます） * Ghostの独自テーマ（いいねボタンの表示、いいね数の更新連携） コードが必要な部分も上記のみになるので、比較的少ないコード量で実装が可能です。 ざっくり手順 以下のステップでやっていくといいと思います。 * Cloudfl