ac-shields-badges

概要

Shields.ioでAtCoderレートのバッジを作成するためのエンドポイント

Shields.ioのバックエンドURLとして指定すると、以下のようにバッジが表示される

https://img.shields.io/endpoint?url=https%3A%2F%2Fac-shields-badges.vercel.app%2Fapi%2Fac-rate%3Fuser_id%3Demanon001%26contest_type%3Dalgorithm#.png

https://img.shields.io/endpoint?url=https%3A%2F%2Fac-shields-badges.vercel.app%2Fapi%2Fac-rate%3Fuser_id%3Demanon001%26contest_type%3Dheuristic#.png

使い方

以下のJavaScriptコードを実行して、バッジのURLを作成する

code:js

const getBadgeUrl = (userId, contestType) => {

const endpoint = encodeURIComponent(

https://ac-shields-badges.vercel.app/api/ac-rate?user_id=${userId}&contest_type=${contestType}

);

return https://img.shields.io/endpoint?url=${endpoint};

};

const userId = "emanon001"; // AtCoderユーザーID

console.table({

algorithm: getBadgeUrl(userId, "algorithm"),

heuristic: getBadgeUrl(userId, "heuristic"),

});

Scrapbox内で表示する方法

URLの末尾が画像の拡張子で終わっていれば画像として解釈されるため、#.png を付ける

https://img.shields.io/endpoint?url=https%3A%2F%2Fac-shields-badges.vercel.app%2Fapi%2Fac-rate%3Fuser_id%3Demanon001%26contest_type%3Dalgorithm#.png

https://img.shields.io/endpoint?url=https%3A%2F%2Fac-shields-badges.vercel.app%2Fapi%2Fac-rate%3Fuser_id%3Demanon001%26contest_type%3Dheuristic#.png