AtCoderStandingsAnalysis

順位表のjsonを集計し、上部にテーブルを追加します。
Pada tanggal 22 Maret 2020. Lihat %(latest_version_link).
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         AtCoderStandingsAnalysis
// @namespace    https://github.com/RTnF/AtCoderStandingsAnalysis
// @version      0.1.1
// @description  順位表のjsonを集計し、上部にテーブルを追加します。
// @author       RTnF
// @match        https://atcoder.jp/*standings*
// @exclude      https://atcoder.jp/*standings/json
// @grant        none
// @license      CC0-1.0
// ==/UserScript==
 
// ソート済み配列のうちval未満が何個あるか求める
function countLower(arr, val) {
  var lo = -1;
  var hi = arr.length;
  while (hi - lo > 1) {
    var mid = Math.floor((hi + lo) / 2);
    if (arr[mid] < val) {
      lo = mid;
    } else {
      hi = mid;
    }
  }
  return hi;
}
 
// 換算: Rating -> innerRating
function innerRating(rate, comp) {
  var ret = rate;
  if (rate <= 0) {
    throw "rate <= 0";
  }
  if (ret < 400) {
    ret = 400 * (1 - Math.log(400 / rate));
  }
  ret += 1200 * (Math.sqrt(1 - Math.pow(0.81, comp)) / (1 - Math.pow(0.9, comp)) - 1) / (Math.sqrt(19) - 1);
  return ret;
}
 
$(function () {
  'use strict';
 
  // 表のヘッダーを先頭に追加する
  $('#vue-standings').prepend(`
<div>
  <table id="acsa-table" class="table table-bordered table-hover th-center td-center td-middle">
    <thead>
    <tr>
      <th>問題</th>
      <th>得点</th>
      <th>人数</th>
      <th>正解率</th>
      <th>平均ペナ</th>
      <th>ペナ率</th>
      <th>レート</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>
  `);
 
  // 表の更新
  setInterval(function () {
    var data;
    var task = vueStandings.standings.TaskInfo;
    if (vueStandings.filtered) {
      data = vueStandings.filteredStandings;
    } else {
      data = vueStandings.standings.StandingsData;
    }
    const cols = ["#808080", "#804000", "#008000", "#00C0C0", "#0000FF", "#C0C000", "#FF8000", "#FF0000"];
    const threshold = [-10000, 400, 800, 1200, 1600, 2000, 2400, 2800];
    const canvasWidth = 250;
    const canvasHeight = 20;
 
    $('#acsa-table > tbody').empty();
    for (let i = 0; i < task.length; i++) {
      var isTried = vueStandings.tries[i] > 0;
      $('#acsa-table > tbody').append(`
<tr>
  <td>` + task[i].Assignment + `</td>
  <td>-</td>
  <td>` + vueStandings.ac[i] + ` / ` + vueStandings.tries[i] + `</td>
  <td>` + (isTried ? (vueStandings.ac[i] / vueStandings.tries[i] * 100).toFixed(2) + "%" : "-") + `</td>
  <td>-</td>
  <td>-</td>
  <td><canvas width="` + canvasWidth + `px" height="` + canvasHeight +`px"></canvas></td>
</tr>
      `);
      if (!isTried) {
        continue;
      }
 
      // トップの得点を満点とみなす
      var maxScore = -1;
      var myScore = -1;
      // 不正解数 / 提出者数
      var avePenalty = 0;
      // ペナルティ >= 1 の人数 / 提出者数
      var ratioPenalty = 0;
      var rates = [];
      for (let j = 0; j < data.length; j++) {
        // 参加登録していない
        if (!data[j].TaskResults) {
          continue;
        }
        // アカウント削除
        if (data[j].UserIsDeleted) {
          continue;
        }
        var result = data[j].TaskResults[task[i].TaskScreenName];
        // 未提出のときresult === undefined
        if (result) {
          if (data[j].UserScreenName === vueStandings.userScreenName) {
            myScore = result.Score;
          }
          // 赤い括弧内の数字
          var penalty = result.Score === 0 ? result.Failure : result.Penalty;
          avePenalty += penalty;
          if (penalty > 0) {
            ratioPenalty++;
          }
          if (maxScore < result.Score) {
            maxScore = result.Score;
          }
        }
      }
 
      // 正解者の内部レート配列を作成する
      for (let j = 0; j < data.length; j++) {
        if (data[j].Competitions > 0
        &&  data[j].TaskResults[task[i].TaskScreenName]
        &&  data[j].TaskResults[task[i].TaskScreenName].Score === maxScore) {
          rates.push(innerRating(Math.max(data[j].Rating, 1), data[j].Competitions));
        }
      }
      rates.sort(function (a, b) { return a - b; });
 
      myScore /= 100;
      maxScore /= 100;
      avePenalty /= vueStandings.tries[i];
      ratioPenalty /= vueStandings.tries[i];
      ratioPenalty *= 100;
 
      $('#acsa-table > tbody > tr:eq(' + i + ') > td:eq(1)').text(myScore >= 0 ? myScore.toFixed() : "-");
      $('#acsa-table > tbody > tr:eq(' + i + ') > td:eq(4)').text(avePenalty.toFixed(2));
      $('#acsa-table > tbody > tr:eq(' + i + ') > td:eq(5)').text(ratioPenalty.toFixed(2) + "%");
      var canvas = $('#acsa-table > tbody > tr:eq(' + i + ') > td:eq(6) > canvas')[0];
      if (canvas.getContext) {
        var context = canvas.getContext('2d');
        for (let k = 0; k < 8; k++) {
          context.fillStyle = cols[k];
          // 色の境界から右端までの矩形描画
          var x = Math.round(countLower(rates, threshold[k]) / rates.length * canvasWidth);
          context.fillRect(x, 0, canvasWidth - x, canvasHeight);
        }
      }
    }
  }, 5000);
});