AtCoder Submission Notes

Add notes to AtCoder submissions

As of 2025-02-21. See the latest version.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         AtCoder Submission Notes
// @namespace    https://greasyfork.org/users/your-username
// @version      1.0
// @description  Add notes to AtCoder submissions
// @author       zerozero-0-0
// @match        https://atcoder.jp/contests/*/submissions/me
// @grant        none
// ==/UserScript==

(function () {
  "use strict";

  // メモを保存・取得するためのキー生成関数
  function getNoteKey(submissionId) {
    return `atcoder_note_${submissionId}`;
  }

  // 各提出にメモ欄を追加
  document.querySelectorAll("tbody tr").forEach((row) => {
    const link = row.querySelector('a[href*="/submissions/"]');
    if (!link) return;

    const submissionId = link.href.split("/").pop();
    const noteKey = getNoteKey(submissionId);

    // メモ欄の作成
    const td = document.createElement("td");
    const textarea = document.createElement("textarea");
    textarea.style.width = "100%";
    textarea.style.height = "50px";
    textarea.value = localStorage.getItem(noteKey) || "";

    // 保存ボタン
    const saveButton = document.createElement("button");
    saveButton.textContent = "💾";
    saveButton.style.marginLeft = "5px";
    saveButton.onclick = () => {
      localStorage.setItem(noteKey, textarea.value);
    };

    td.appendChild(textarea);
    td.appendChild(saveButton);
    row.appendChild(td);
  });
})();