High or Lowをリリースしました

2026-01-08

遅くなりましたが、新年あけましておめでとうございます。

今年も学びを書いていこうと思いますので、どうぞよろしくお願いします。


新年早々ですが、簡単な Web サービスを公開しました。

High or Low

同僚に頼まれ、シンプルなテンショントラッカーを作成しました。

無料で広告も何も入っていないので、よければ。


技術スタックは以下のとおりです。

  • Supabase
  • TanStack Query
  • Motion
  • Next.js
  • next-intl
  • next-themes
  • React
  • React Swipeable
  • Recharts
  • Serwist
    • @serwist/turbopack
  • Tailwind CSS
    • shadcn/ui
  • web-push
  • Biome
  • Lefthook
  • Vercel

最近自分の中で Supabase + Vercel(+ Cloudflare)の組み合わせが熱いです。

AWS や GCP ほど仰々しくなく、Firebase ほど自由度が高くなく、保守性も高く、良い時代になったなぁと。


Serwist で PWA を実装し、そこに Push 通知を組み合わせたのですが。

ここらへんはデバッグがしづらいので、なかなかハードルが高いなと感じつつ。

ほぼバイブコーディングでゴリ押したので、詰まってもなんとか解消できて良かったです。


あと、Vercel の Cron → Next.js の API Routes → Supabase → Push 通知の流れはかなり綺麗だと思う一方。

ロケール的にはイマイチかつ、コストもかかるので、今後の課題かなと…まぁわずかっちゃわずかなんですが。


リポジトリも公開していますので、興味ありましたら。

今回はアイコンも API Routes で生成しているので、結構面白い感じになっていると思います。

https://github.com/piro0919/high-low