💪

【個人開発】ワークアウトの成長を記録するEVERYWORKOUTをアップデートしました

2023/09/04に公開
2

トレーニーのための筋トレ記録アプリEVERYWORKOUTをアップデートしました。

https://everyworkout.vercel.app/

初回公開時の記事はこちら

https://zenn.dev/ninjin_umigame/articles/e72ed770ff2e1f

主な更新点をご紹介します。

1. 動的OGP

Next.js13の動的OGP機能を使って、特定のURLへのリンクを貼るとカードが表示されるようにしました。

通常の表示

カードを表示させたいページのディレクトリ配下にopengraph-image.tsxを置きます。

https://everyworkout.vercel.app/workout/clm1sp2ip0001mr08c5vp6u89

実装は以下のとおりです。

https://github.com/pb10005/everyworkout/blob/main/app/workout/[id]/opengraph-image.tsx

Xでの表示

カードを表示させたいページのディレクトリ配下にtwitter-image.tsxを置きます。twitter-image.tsxの中身はopengraph-image.tsxと同じです。

https://twitter.com/ninjin_umigame/status/1698681282908316132

2. 便利ツール

ワークアウト中にあったら便利な機能を実装しました。

タイマー

インターバル中に時間を測るための機能です。
timer

RM計算機

ベンチプレス、スクワット、デッドリフトを対象にRM(Repetition Maximum)を換算する機能です。
rm

Discussion

devdevdevdev

はじめまして
アプリ使ってみました!部位ごとに細かいトレーニングが記録できる点が良いですね。
自分は個人開発のプロダクトを投稿できるサイトを運営しています。他のユーザーのフィードバックを集めるお手伝いができればと考えていますので、ご興味あればぜひ投稿していただきたいです。
https://devhaunt.com
これからも開発頑張ってください!

人3人3

コメントありがとうございます!早速投稿してみました。