野球リーグスコア管理システムの開発

2019-01-13に作成

image
野球リーグスコア管理システムキャップ野球情報局に関する進捗です。

使っている技術など

  • NodeJS
  • ReactJS
  • netlify
  • MySQL
  • materializecss
  • react-bootstrap
  • react-bootstrap-table-next

旧システムについてはこちらの記事をご覧ください。

残りタスクリスト

trello

所有者限定モードのためこのボードには投稿できません ボードとは?

5/2,3アップデート

月間打率推移グラフ

image

これまで蓄積したデータから毎年の月間打率を計算し、視覚化してみました。グラフのカラーセットを自動的に生成できると楽だなーと思うのですが。
この選手のグラフからは4,5月に好調を維持し、11月~2月あたりが不調という推測が成り立ちます。

QRコード表示機能

image

qrcode.reactというコンポーネントを使って実装しました。

背景

野球リーグの公式戦を開催する際に人数が不足していると、現地で試合に勧誘することがあります。よく口頭で「”カラーボール野球”で検索してください」と伝えてはいるのですが、やはりその場面で画面を見せてQRコードを読み取ってもらえると楽なのでは、と閃いて作りました。

打率分布バブルチャート実装

1/13

打率分布バブルチャートを実装しました。

image

横軸を打席数(四球含む)、縦軸を打率として、
打席数―打率の相関グラフを描画するよう実装しました。
赤枠は規定打席以上ですが、chart.jsでは描画していません。

新APIへの移行作業

image
これまでバックエンドをJavaで書いていましたが、JavaからNodeJSへ移行中です。

  • 打率順位算出バグ修正
  • 空だったチーム順位算出ロジック実装
  • API変更で動作していなかった打撃成績・投球成績の合計行を動作するよう修正
  • 期毎打撃成績内訳実装