AtCoder Trophies

About

🏆 AtCoderに関連する統計情報を利用してトロフィーアイコンを動的に生成し、READMEに貼ることができます。

GitHub Repo Issues GitHub Repo Stars License: MIT

Twitter URL

DEMO

主な機能

  • AtCoderに関連する統計 API を利用して、トロフィーアイコンを動的に生成します。
  • 生成したトロフィーを README に貼ることができます。
    • 対応形式: HTML, Markdown

クイックスタート

以下のコードを README に追加するだけです。その際に、?username=の値を AtCoder で登録しているユーザ名に変更してください。

[![AtCoder Trophies](https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp)](https://github.com/KATO-Hiro/AtCoderTrophies)

テーマを利用する

テーマに関するオプションのパラメータを追加します(詳細)。

以下のサンプルは、monokaiを適用したものです。

[![AtCoder Trophies](https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=monokai)](https://github.com/KATO-Hiro/AtCoderTrophies)

トロフィーのランク

ランクは、SSS , SS, S, AAA, AA, A, B, C, UNKNOWN, SECRETの 10 種類です。

ランク 説明
SSS, SS, S ごく一部のユーザだけが到達できるランクです。大いに自慢してください。
AAA, AA, A 継続的に努力できれば到達可能です。まずは、このランクを目指しましょう。
B, C 順調です。もう少し上を目指してみましょう。
UNKNOWN AtCoderのアカウントを登録して、簡単な問題を解いてみましょう。
SECRET 非常に珍しいランクです。特定の条件を満たすと、トロフィーが表示されます。

シークレット・トロフィー

獲得条件は秘密ですが、本プロジェクトのソースコードを読めば知ることができます。

シークレット・トロフィーは、まだまだ少ないです。面白い条件を思いついたら、IssueやPull Requestの投稿をお待ちしています。

トロフィーの詳細

  1. トロフィーの名称
  2. 現在のランク
  3. 現在のランクに応じた称号
  4. 獲得ポイント
  5. プロセスバー(次のランクに上がるために必要なポイントに対する達成率を表示)

(オプション) リクエスト・パラメータ

title - タイトルでフィルタリング

トロフィーのタイトル(一部の言語は略称も可能)を指定することで、表示する内容を絞り込むことができます。

以下のサンプルでは、CPlusPlusを選択しています。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&title=CPlusPlus

複数のタイトルを指定する場合は、カンマ(前後の空白は不要)で区切ります。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&title=AC,CPlusPlus

rank - トロフィーのランクでフィルタリング

トロフィーのランクを指定することで、表示する内容を絞り込むことができます。

指定できる値: SECRET SSS SS S AAA AA A B C

以下のサンプルでは、ランクAAAを選択しています。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&rank=AAA

複数のランクを指定する場合は、カンマ(前後の空白は不要)で区切ります。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&rank=AAA,AA,A

row and column - 最大の行数と列数を指定する

トロフィーを表示する最大の行数と列数を指定することができます。なお、指定した行・列の範囲を超えた分については表示されません。

指定できる値: number 型

デフォルト値: row=3 column=7

行のみ指定:

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&row=2

列のみ指定:

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&column=2

行・列ともに指定:

以下のサンプルでは、2 行 3 列を指定した場合を表示しています。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&row=2&column=3

theme - テーマを適用する

利用可能なテーマの一覧です。

alduin algolia apprentice buddhism chalk darkdimmed darkhub
darklover discord dracula flat gitdimmed gruvbox juicyfresh
matrix monokai nord oldie onedark onestar radical
tokyonight - - - - - -

alduin

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=alduin

algolia

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=algolia

apprentice

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=apprentice

buddhism

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=buddhism

chalk

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=chalk

darkdimmed

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=darkdimmed

darkhub

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=darkhub

darklover

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=darklover

discord

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=discord

dracula

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=dracula

flat

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=flat

gitdimmed

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=gitdimmed

gruvbox

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=gruvbox

juicyfresh

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=juicyfresh

matrix

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=matrix

monokai

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=monokai

nord

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=nord

oldie

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=oldie

onedark

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=onedark

onestar

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=onestar

radical

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=radical

tokyonight

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&theme=tokyonight

margin - 余白

余白(幅)

トロフィーとトロフィーの間に余白(幅)を入れることができます。

指定できる値: number 型

デフォルト値: margin_w=0

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&margin_w=15

余白(高さ)

トロフィーとトロフィーの間に余白(高さ)を入れることができます。

指定できる値: number 型

デフォルト値: margin_h=0

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=chokudai&margin_h=15

レイアウトのサンプル

以下のサンプルでは、幅と高さの余白がいずれも 15 の場合を表示しています。

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&margin_w=15&margin_h=15

no_bg - トロフィーの背景を透明にする

トロフィーの背景を透明にすることができます。

指定できる値: boolean 型 (true or false)

デフォルト値: no_bg=false

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&no_bg=true

no_frame - トロフィーの枠線を非表示にする

トロフィーの枠線を非表示にすることができます。

指定できる値: boolean 型 (true or false)

デフォルト値: no_frame=false

https://atcoder-trophies.vercel.app/api/v1/atcoder?username=semiexp&no_frame=true

プライバシーポリシー

アクセス解析ツール

本サイトでは、Google によるアクセス解析ツール「Google アナリティクス」を利用しています。

同ツールでは、トラフィックデータの収集のために Cookie を使用しております。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。 利用規約、および、プライバシーポリシーに関する説明は、外部リンクをご覧ください。

また、収集されたデータは、本サイトのサービスを改善する目的以外で利用することはありません。

コントリビューションに関するガイドライン

Contribution Guide

スペシャルサンクス

AtCoder

AtCoder Problems API / Datasets

Champion Vectors by Vecteezy

Github Profile Trophy

Readme Driven Development; RDDarchive.org

関連プロジェクト

AtCoder Badges

GitHub Readme Stats

Zenn.badge

作者

@KATO-Hiro

ライセンス

MIT

Copyright © 2025 hiro_hiro, All Rights Reserved.