馬券シミュレーター

2026
React Tailwind CSS DRF
馬券シミュレーター thumbnail

概要

らんらんるーさんの依頼で作成したWebアプリ。
競馬のうち、馬券の購入やオッズの計算、所持金の計算、レースの結果の表示、プレイヤーの所持金ランキングの表示などを行うことができる。
定期開催の競馬イベントに投票システムを追加して更に盛り上げたいという要望から開発した。

技術スタック

  • フロントエンド: React, TypeScript, Tailwind CSS
  • バックエンド: Django Rest Framework
  • データベース: PostgreSQL
  • ルーティング: Traefik
  • デプロイ: Docker, Xserver

感想

初めての受託開発で、要件定義から設計、実装、デプロイまで一通り経験することができた。
要件定義段階で、いかにヒヤリングでクライアントの要望を引き出すかが重要だと感じた。

要件定義当初思っていたスケジュールよりも、大幅に時間がかかってしまった。 時間の見積もりは非常に難しいと感じた。

初めてのReact、初めてのTailwind CSSだったため、学習に時間がかかってしまった。 しかし、新しい技術を学ぶことで多きな成長を感じることができた。 また、同時に卒業研究の開発も似たような技術スタックで行っていたため、こっちで学んだことが卒業研究に活かせたり、逆に卒業研究で学んだことがこっちに活かせたりと、相乗効果があった。

今思えば、もっとAIをフル活用して開発を効率化できたのではないかと思う。 当時はAIを活用することに抵抗があり、タイピングの補助程度にしか使っていなかったが、デザインの作成やコードの実装など、もっと幅広く活用できたのではないかと思う。
今後は、AIをもっと積極的に活用して、開発の効率化を図っていきたいと思う。