ブログに競プロのレーティングを表示するようにした(その2)

以前の記事でプログのサイドバーに競プロのレーティング(と色)を表示するjavascriptを紹介しました。 意外にも多くの方に使って頂けているようで嬉しいです。

algon-320.hatenablog.com

以前紹介したスクリプトではAtCoderのレーティング取得がYQLに依存していましたが、 残念ながらYQLは2019年1月でサービス終了してしまいました。 それに伴って、AtCoderのレーティング取得ができなくなっていました。

この問題に対応するために、簡易的なAPIサーバー的なもの(Kyopro-Ratingsと命名)を作成し、Heroku上で動かすことにしました。

※追記 2022/11/05
Herokuの無料枠の終了に合わせてHerokuに設置していたAPIサーバを停止します。 今後は以下のURLで@su8ruさんにホストしていただけることになりました。

http://kyopro-ratings.jp1.su8.run/json

既にブログなどに設置している方は、以下のように変更していただくことで引き続き利用できます。

-      xhr.open('GET', 'https://kyopro-ratings.herokuapp.com/json?' + query_str, true);
+      xhr.open('GET', 'http://kyopro-ratings.jp1.su8.run/json?' + query_str, true);

デモ

AtCoder : loading
Codeforces : loading
TopCoder SRM : loading

---

AtCoder handle :
Codeforces handle :
TopCoder handle :

ブログに競プロのレーティングを表示するようにした

AtCoder・Codeforces・TopCoderSRMのレーティングを自動で取得して色付きで表示するスクリプト(javascript)を書きました。

※追記(2019/04/06) YQLがサービス終了した影響でAtCoderレーティングが表示されなくなっています。新しいバージョンを公開したのでそちらをご覧ください。
algon-320.hatenablog.com

※追記(2018/09/20) Codeforcesのレートのオレンジの境界が5ヶ月前くらいに変わっていたのですが、更新をサボっていました。今更ですが更新しました。
Codeforces: Updates in rating and rounds - Codeforces

※追記(2017/06/17)
YQLの仕様変更によってAtCoderのレーティングが取得できなくなっていたようです。
アルクカ(id:arukuka)さんより解決策を頂いたので修正しました。
YQL で html を読み込む方法が変わった(html table is no longer supported.) - arukukaの日記

これ

AtCoder : loading
Codeforces : loading
TopCoder SRM : loading

AtCoder handle :
Codeforces handle :
TopCoder handle :

機能

• レーティング取得
• 色付き表示
• ユーザーページへのリンク

動作確認済みブラウザ

• Firefox (PC/Android)
• Google Chrome (PC/Android)
• Internet Explorer 11
• Microsoft Edge

(このブラウザだと動かないとかがあれば是非教えてください)