Shields.ioと各種APIで独自のバッジを作って遊ぶ

https://shields.io のDynamicで遊んでいるだけの記事です。

興味あればこちらも参照ください
Shields.ioを利用して作ったプラグインのユーザー数ダウンロード数のバッジを張る

※説明用のURLは見やすくするためパラメータで改行しています。
また、説明用のURLはラベルを設定して数字を取るだけのものです。
色やラベル名等自由に変更できますので詳しくは公式を参照してください。
（あと、もしかしたらmaxAgeのパラメータは設定しておいた方が良いかもしれません。）

Qiita 記事数

url

https://img.shields.io/badge/dynamic/json.svg
?label=Qiita
&suffix=+items
&query=$.items_count
&url=https://qiita.com/api/v2/users/【ユーザーID】

QiitaのAPI使ってます。
https://qiita.com/api/v2/docs#get-apiv2usersuser_id

Qiita 記事のいいね数

（この記事の「いいね」と連動してるので「いいね」してくれたら数値が変わるはず。ぐへへ）

url

https://img.shields.io/badge/dynamic/json.svg
?label=Qiita
&suffix=+いいね
&query=$.likes_count
&url=https://qiita.com/api/v2/items/【記事のID(?)】

QiitaのAPI使ってます。
https://qiita.com/api/v2/docs#get-apiv2itemsitem_id

Facebook シェア数

url

https://img.shields.io/badge/dynamic/json.svg
?label=Facebook
&prefix=share+
&query=$.share.share_count
&url=https://graph.facebook.com/?id=【URL】

【URL】は要エンコード。難しいので https://shields.io/#/ の Dynamic で作る方がいい。

Graph APIというものを使ってます。

（普通のHTMLならシェアボタンとかを貼ったほうがいいかも）

はてなブックマーク件数

url

https://img.shields.io/badge/dynamic/json.svg
?label=はてなブックマーク
&suffix=+users
&query=$.count
&url=http://b.hatena.ne.jp/entry/jsonlite/【URL】

【URL】は要エンコード。難しいので https://shields.io/#/ の Dynamic で作る方がいい。

はてなブックマークエントリー情報取得APIのlite版使ってます。
はてなブックマーク件数取得APIでもよかったのですが、一件取得はJSON形式でないのでうまくいかないのと、複数件取得でもqueryに工夫が必要なのでやめました。

（普通のHTMLならはてなブックマークボタンを使ったほうがいいかも）

Package Control詳細なダウンロード数（installs）

丸めないダウンロード数

下記のように通常のAPIを利用するとk等で丸められてしまう。
Package Control:[](https://packagecontrol.io/packages/uroboroSQL Formatter) https://img.shields.io/packagecontrol/dt/【パッケージ名】.svg

以下のように書くと丸めずに取れる。

[](https://packagecontrol.io/packages/uroboroSQL Formatter)

url

https://img.shields.io/badge/dynamic/json.svg
?label=Package Control
&suffix=+installs
&query=$.installs.total
&url=https://packagecontrol.io/packages/【パッケージ名】.json

Package Controlのページでパッケージ表示するページURLの最後に、
.jsonってつけるとjsonで取れる様子。

特定OSのみのダウンロード数

例はWindows
[](https://packagecontrol.io/packages/uroboroSQL Formatter)

url

https://img.shields.io/badge/dynamic/json.svg
?label=Package Control
&prefix=WIN+
&suffix=+installs
&query=$.installs.windows
&url=https://packagecontrol.io/packages/【パッケージ名】.json

他にも"linux" "osx" が出来そう。

天気

東京の天気

url

https://img.shields.io/badge/dynamic/json.svg
?label=東京
&query=$.forecasts[0]['date','telop']
&url=http://weather.livedoor.com/forecast/webservice/json/v1?city=130010

Weather Hacks|お天気Webサービスというものを使ってます。
最後の130010は東京のIDで、各地域のIDは下記リンクのXMLに書いてあるらしい。
http://weather.livedoor.com/forecast/rss/primary_area.xml
詳しくはお天気Webサービス仕様に書いてある。

&query=$.forecasts[0]['date','telop']の部分は &query=$.forecasts[1]['date','telop']とすれば明日になる（たぶん）