LoginSignup
414
174

More than 3 years have passed since last update.

Qiitaコントリビューション数をGitHubのプロフィールに貼ってドヤれるサービスを作った

Last updated at Posted at 2020-08-19

2020-08-19 18.39.40.png

みなさん、GitHubプロフィール使ってますか?

自分のユーザー名と同じリポジトリ名にREADME.mdを置くと、GitHubのプロフィール画面に表示できます。

なぜ作ったか

GitHubプロフィールを飾りたい!飾っておけばきっとGitHub経由でスカウトが来るはず!
なによりGitHubプロフィールだけみてもらえば実績がまとまっている。そんなページを作りたい
そんなモチベーションで作りました。

できたもの

こんな感じのバッジを作れます!
My Qiita posts My Qiita contributions My Qiita followers

使い方

GitHub Like Badge for Qiitaにアクセスして
あなたのQiitaユーザー名を入力します。
すると、下記のように雛形のmarkdownが出てきますので。コピーしてREADME.mdにペースト、その後コミットしてください!(ローカルであればpushも)


# My Qiita posts
[![My Qiita posts](https://qiita-badge.apiapi.app/s/mikkame/posts.svg)](http://qiita.com/mikkame)
# My Qiita contributions
[![My Qiita contributions](https://qiita-badge.apiapi.app/s/mikkame/contributions.svg)](http://qiita.com/mikkame)
# My Qiita followers
[![My Qiita followers](https://qiita-badge.apiapi.app/s/mikkame/followers.svg)](http://qiita.com/mikkame)

仕組み

QiitaAPI(一部力技で取得)から取得したデータをhttps://shields.io/というバッジ生成サービスにリダイレクトする形で実現しています。
小さなシステムなのでファイルキャッシュでゴリ押ししています。
https://shields.io/ では、URLにパラメータとして表示したい文字を送ればいい感じにSVGを作ってくれます。
自前で実装するコストを省けます。障害点は増えますがきっと私の方が障害確率が高いので考えない事にします!

データベースを使ってないので今流行りのNoSQLサービスです

使ってみてください!

サービスURL: Github Like Badge for Qiita

Some more things...

https://teratail.com/のスコアをバッジにしてドヤれるサービスを作成中です。
他にもこんなバッジ欲しい!というのがあればご相談ください!

追記

GitHubもQiitaもmd内の画像を独自URLに置換してキャッシュするようでした。
リダイレクト方式だとキャッシュがコントロール仕切れないので一旦自前で貰い受けるようにしました。
Cloudflareでエッジキャッシュを有効にしつつ、no-cacheヘッダを吐くと、サーバには負荷が掛からないがコンテンツキャッシュされないいい感じの構成になりました。(本当になっているのか検証中)
(https://shields.io/ のdynamicを使っておけばよかったのですが・・・)

414
174
13

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
414
174