テキサスホールデムのプリフロップレンジをサクッと確認するためのツールを作った

作ったもの

https://pfr.yamazaki-sensei.net/

テキサスホールデムでプリフロップのレンジを確認するために作ったもの。 GTO Wizardにお金を払うのはtoo much だったり、 その他のツールでも表示したいものにたどり着くまでのステップが多くて目的に適さなかったりしたので。

Claude Codeにお願いしたらリポジトリを作ってCloudflareにデプロイ & カスタムドメインの設定まで2時間くらいでできた。良い時代だ。

使った技術

アプリ作成

• Tanstack start
  • アプリ作成のフレームワーク
• radix-ui + shadcn + tailwind css
  • UIフレームワーク
• biome
  • linter & formatter
• Claude Code
  • Vibe coding

デプロイ

• Cloudflare
  • wranglerの設定だけでサブドメインのレコードを勝手に作ってくれるのが親切すぎた

中身は全てハードコーディング。GTOに則って実装するようにお願いしたのでそんなにずれてはいないはず。 Tanstack startは初めて触ったが、Next.jsよりとっつきやすい気がするので流行って欲しい。