ウイイレのデータ解析ソフトをWEBアプリ化してみよう！二歩目！

ウイイレのデータ解析自動化してくよ！Part6

■はじめに

• どうも ヤジュン です。
  お久しぶりです。最近twitterの名前に「eスポーツエンジニア」をつけてみました！
  言ったもん勝ちでしょ！！笑
  

■本記事の内容

• 今回は、 「ウイイレのデータ解析アプリの拡張内容の紹介」 です。
  ※アプリはPythonで書いてます。■参考URL
  

■アプリどれだけ進化したの！？

• 前回記事から以下の機能が拡張されました。
  1. クリックのみで全てのグラフ作成ができるように調整
  2. データ入力部の作成
  3. 試合結果の各パラメータ一覧の作成（Gauge Chart）
  4. 試合結果の各パラメータ一覧の作成（Radar Chart）
  5. ボール奪取/ロストのヒートマップの作成

▼アプリ操作の様子

• UI/UX系のデザイン系の知識がないので、各グラフをタブで分けただけです。
  ユーザ操作の導線だけ意識して、以下のようにタブを並べました。

  1. データ読み込み
  2. 試合結果の全体パラメータの平均値一覧
  3. 試合結果の各パラメータの分散をみるための散布図
  4. ボール奪取とボールロストのヒートマップ

• 「データ読み込み」で入れているデータセット例も公開しますね！（私ヤジュンの30試合分の結果です。。。照）
  
  各グラフの見方については、過去の記事や、まさ太郎さんの解析レポートをご確認ください。

■ちゃくちゃくと集まるデータ

• テスターの皆様のおかげで、データが貯まってきました♪
  あの mayagekaさん もテスターとして急遽参加してくれました！笑
  参加してくれたテスターには、データ解析レポートを作成して提供しています。
  今回 まさ太郎さん のご好意で、レポートを公開してもいいと許可いただきました！▶興味ある方はクリック
  

▼レポートのイメージ

■リリースの予定

• せっかくここまで育ててきたので、リリースを考えています。
  ウイイレ2021発売後、１か月以内が目標です。
  完成させるための残課題を棚卸ししました。
  本プロジェクトは、gitで管理しています。（ソースコードは非公開ね♡）
  個人プロジェクトで開発してみたい人にオススメ！！
  

■残課題

• ①データ管理をcsvファイルからSQLへ移行
  • サーバーレンタルが必要で、お金かかるんですよ～。エンジェル投資家いませんか？笑
• ②ユーザ認証機能
  • SQLでデータ管理する以上、他人のデータの秘匿性を担保しないといけません。
    ライバルがデータを勝手に見てくる！とか恐怖ですもんね笑
• ③コナミ側との渉外活動
  • これが一番難易度高いかも。
    揉め事は嫌なので、コナミの担当者と認められる活動範囲を整合します。
    コナミの担当者とつなげてくれるエンジェルはいないかな。。。
• ④テスターによる評価
  • 今までテスターのデータを評価していましたが、テスター側に本アプリを評価してもらわないといけません。
• ⑤グラフの読み方の説明
  • 「グラフを作る」という「プログラマー」としてのスキルが求められる障壁は本アプリで排除出来ました。
    残りは「グラフの読み方」という「数学」的なスキルが求められる障壁を排除します。

■終わりに

• 楽しんでいただけたでしょうか？
  リリースしたら、ぜひとも皆様に使ってほしい！
  使われたら私のエンジニアとしての実績になります。

• 余談ですが、転職活動を始めました！
  業界研究と自己研究のマッチングをしています。
  日々の努力のおかげで、「やってみたいこと」が「やれること」に変わっているのを感じます。
  一度きりの人生なので、ゲームだけでなく職でも自己実現したいですね！

  私に興味持っていただけた方は、気軽にTwitterへDMください♪

■参考URL

• Gauge Charts in Python
  InfluxDB+Grafana persistence and graphing
  Gauge Examples and Reference
  Plot dcc graph on callback not working
  Upload Component
  Using dash upload component to upload csv file and generate a graph
  複数のグラフを重ねる
  Built-in Continuous Color Scales in Python かっこいいReadme
  class plotly.graph_objects.Scatterpolar
  Udemyのplotly dashの学習コース