キャップ野球専用スコアブックアプリをリリースしました。

蓋野球スコア入力アプリ「CAP-SCOREBOOK」

https://cap-scoresheet.netlify.app

操作マニュアル

機能概要

• 非ログイン時(閲覧モード)
  • 試合結果閲覧
  • 試合内容閲覧
  • 個人成績閲覧
  • チーム成績閲覧
  • リーグ成績閲覧
• ログイン時(入力モード)
  • チーム新規作成
  • 選手新規作成
  • 試合新規作成
  • スターティングメンバー設定
  • 結果入力
    • 1球ごと入力
    • 1打席ごと入力
  • 自責点・勝敗S入力

開発環境

• NextJS(static export)
• Netlify
• 検証機: Pixel4a(Android)/12mini(iOS)/PC
• サーバ側: NodeJS
• DB: MySQL
• Docker-compose
• ReactNative For Web
• ユーザ認証: firebase

開発の経緯

10/21 蓋世・エスト監督からスコアを共有できるアプリはないか聞かれる
10/25 1打席ごとの入力ができるWEBアプリの仮実装が終わる
10/30 スコアの活用方法思い付かずに実装中断
11/26

よこっぺさんの一言で中断してたスコアアプリの開発のやる気が復活する。
11/28 リーグ戦の帰りにkamiさんが「投球分析したいなぁ」と言う話をする。
11/29〜
ある程度実装が終わっていたアプリに1球ごとのコース分析機能を拡張したアプリに着手。
当初はReactNativeを使ったandroid/iOSアプリを想定。
12/1 ネイティブアプリから得意なWEBアプリへの舵の切り直しを宣言。
12/4 ReactNative For Webの採用を決定。
12/7 Hirooookiさんから投手視点への切り替えが欲しいとの要望を受ける

12/11 配球分析機能の実装が完了
12/14 いらすとやからのデザイン変更
12/21 テストコードの実装に着手
12/30 α版リリース

今回新たに使った技術

• ReactNative For Web

CSSが書きにくいと思って敬遠していたのですが、いざ使ってみるとモバイルに最適化されていて、きちんとスタイルを書けば複雑なUIも実現できたので、食わず嫌いはよくないなと。

開発する上で役に立ったこと

やっぱりみんなのSCOREの開発経験ですかね。
DB設計的にはCAP-SCOREBOOKの方が1球ずつ記録する分複雑なのですが、
CAP-SCOREBOOKにほとんどDB設計を応用できました。

今後の展開(β版へ向けて)

• 共同編集機能
• スコアシート出力機能(需要があれば)