AtCoderのレートと色を表示するバッジを生成するサイト、AtCoder Badgesを作った。 - Qiita

記事書くほどの内容じゃないですが、アウトプットの練習です。 できあがったもの 実際のサイト GitHub 実際の例（開発者のレート） はじめに 最近AtCoderというサイトで競技プログラミングに取り組んでいて、アルゴリズムを勉強しています。 勉強の成果がでたのか少しずつレートが上昇しているわけですが、それをブログやポートフォリオに埋め込めたら便利だと思いました。 というわけでそのためのサイトを作りました。 開発環境 Yarn Vercel Next.js React Bootstrap FaunaDB Shields.ioでいいじゃん。 Shields.ioでtouristのバッジを作った例 Shields.ioにはバッジデータを動的に取得してくれる機能があります。 最新のレートを取得して表示するという点ではこれで足りるのですが、AtCoderではレートに応じて色がつきます。 大抵の人は