treehole スコア表示スタイル復元

Tool

概要

treehole-score-style-restore は、Treehole の成績(スコア)閲覧画面に対して「元の」表示スタイルを復元するためのユーザースクリプトです。主な機能は四分制着色(4段階で色分け)、百分制着色(0〜100点を色で示す)、およびスコア文字の隠蔽といった見た目関連の復元で、ブラウザ拡張の Tampermonkey / Violentmonkey 等にスクリプトを追加するだけで利用できます。シンプルな単一ファイル構成で、軽量かつ導入が容易なのが特徴です。

GitHub

リポジトリの統計情報

  • スター数: 5
  • フォーク数: 0
  • ウォッチャー数: 5
  • コミット数: 2
  • ファイル数: 3
  • メインの言語: JavaScript

主な特徴

  • Treehole の成績表示を元の色分けや表示仕様に復元(四分制・百分制)。
  • 成績文字列を非表示にして匿名化や視覚的な整理を行うオプション。
  • Tampermonkey / Violentmonkey 等のユーザースクリプト管理拡張で簡単導入。
  • 単一のユーザースクリプトファイルで構成され、必要に応じて直接編集可能。

技術的なポイント

このプロジェクトはユーザースクリプト(.user.js)として実装されており、ブラウザ側で対象ページを検出して DOM に対して見た目(スタイル)を注入・調整する方式を採っています。実際の実装では CSS の上書きやクラス付与/書き換えを通じて「着色」や「非表示」を実現するのが一般的です。ユーザースクリプトは Greasemonkey 系の API(メタ情報ブロック)を持ち、対象 URL の指定に従いページが読み込まれたタイミングで動作します。動的にコンテンツが生成される場合に備えて、DOMContentLoaded 後の遅延実行や MutationObserver / setInterval による再適用処理を行うことが多く、これにより SPA 的に更新される箇所でも安定してスタイル復元が可能になります。スクリプト自体は単一ファイルで配布されているため、ユーザーはスクリプト内部の閾値や色定義、表示モードの切替部分を直接編集して挙動をカスタマイズできます。ただし、外部 API を呼ぶ構成や大規模な依存はなく、軽量に動作する点が利点です。互換性は主にモダンブラウザ(Chrome/Firefox 等)および Tampermonkey/Violentmonkey のサポートに依存します。サイト側の DOM 構造変更があった場合はスクリプト側のセレクタ修正が必要になる点は注意点です。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitattributes: file
  • README.md: file
  • restore-score-style.user.js: file

まとめ

軽量で導入が簡単、見た目復元に特化した実用的なユーザースクリプトです。

リポジトリ情報:

READMEの抜粋:

treehole-score-style-restore

恢复 treehole 原版成绩查询界面,支持四分制着色、百分制着色、隐藏文字等原有功能。

使用方法:使用 Tampermonkey / Violentmonkey 等用户脚本插件安装仓库中的脚本后,刷新树洞页面即可。…