Edited at

Shields.ioを利用して作ったプラグインのユーザー数ダウンロード数のバッジを張る

https://shields.io を使ってMarkdown等にnpmの様々なバッジを張ることができます。

これを利用してGitHubのREADME等に、

作ったプラグインやnpmパッケージ等の、ユーザー数やダウンロード数を表示できるようなので

とりあえず自分の関係するプラグインで試したものをいくつか書いてみたいと思います。


Package Control(Sublime Textプラグイン) ダウンロード数


  • ダウンロード数

    Package Control

  • 一週間のダウンロード数

    Package Control

  • 一ヶ月のダウンロード数

    Package Control

  • 一日のダウンロード数

    Package Control


  • 詳細なダウンロード数(Dynamic利用)


* ダウンロード数  

![Package Control](https://img.shields.io/packagecontrol/dt/:登録しているプラグイン名.svg)

*
一週間のダウンロード数
![Package Control](https://img.shields.io/packagecontrol/dw/:登録しているプラグイン名.svg)

*
一ヶ月のダウンロード数
![Package Control](https://img.shields.io/packagecontrol/dm/:登録しているプラグイン名.svg)

*
一日のダウンロード数
![Package Control](https://img.shields.io/packagecontrol/dd/:登録しているプラグイン名.svg)

* 詳細なダウンロード数(Dynamic利用)
![ダウンロード数](https://img.shields.io/badge/dynamic/json.svg?label=詳細なダウンロード数&colorB=green&query=$.installs.total&uri=https%3A%2F%2Fpackagecontrol.io%2Fpackages%2F:登録しているプラグイン名.json&maxAge=3600)

:登録しているプラグイン名

https://packagecontrol.io/packages/uroboroSQL%20Formatter

であればuroboroSQL%20Formatterの部分


JetBrainsプラグイン ダウンロード数


  • ダウンロード数

    JetBrains plugins

* ダウンロード数  

![JetBrains plugins](https://img.shields.io/jetbrains/plugin/d/:登録されたID.svg)

:登録されたID

https://plugins.jetbrains.com/plugin/9614-intellij-uroborosql-formatter

であれば9614の部分


Eclipse Marketplace(Eclipseプラグイン) ダウンロード数


  • ダウンロード数

    Eclipse Marketplace


  • 一ヶ月のダウンロード数

    Eclipse Marketplace


* ダウンロード数

![Eclipse Marketplace](https://img.shields.io/eclipse-marketplace/dt/:登録しているプラグイン名.svg)

*
一ヶ月のダウンロード数
![Eclipse Marketplace](https://img.shields.io/eclipse-marketplace/dm/:登録しているプラグイン名.svg)

:登録しているプラグイン名

https://marketplace.eclipse.org/content/eclipse-uroborosql-formatter

であればeclipse-uroborosql-formatterの部分


Chrome Web Store(Chrome Extention) ユーザー数


  • ユーザー数(たぶん一週間のアクティブユーザー数)

    Chrome Web Store


  • rating(評価?)

    Chrome Web Store


  • 平均スター数(かな?)

    Chrome Web Store


  • 評価してくれた人数(かな?)

    Chrome Web Store


* ユーザー数(たぶん一週間のアクティブユーザー数)

![Chrome Web Store](https://img.shields.io/chrome-web-store/users/:登録されているキー.svg)

*
rating(評価?)
![Chrome Web Store](https://img.shields.io/chrome-web-store/rating/:登録されているキー.svg)

*
平均スター数(かな?)
![Chrome Web Store](https://img.shields.io/chrome-web-store/stars/:登録されているキー.svg)

*
評価してくれた人数(かな?)
![Chrome Web Store](https://img.shields.io/chrome-web-store/rating-count/:登録されているキー.svg)

:登録されているキー

https://chrome.google.com/webstore/detail/select-box-filter/ohgdgoglcbcfofphmmnkkdbpffklhjgh

であればohgdgoglcbcfofphmmnkkdbpffklhjghの部分


npmパッケージ ダウンロード数


  • ダウンロード数

    npm

  • 一週間のダウンロード数

    npm

  • 一ヶ月のダウンロード数

    npm

  • 一年間のダウンロード数

    npm

  • 一日のダウンロード数(Dynamic利用)



* ダウンロード数  

![npm](https://img.shields.io/npm/dt/:npmパッケージ名.svg)

*
一週間のダウンロード数
![npm](https://img.shields.io/npm/dw/:npmパッケージ名.svg)

*
一ヶ月のダウンロード数
![npm](https://img.shields.io/npm/dm/:npmパッケージ名.svg)

*
一年間のダウンロード数
![npm](https://img.shields.io/npm/dy/:npmパッケージ名.svg)

*
一日のダウンロード数(Dynamic利用)
![npm](https://img.shields.io/badge/dynamic/json.svg?label=downloads&colorB=green&suffix=/last-day&query=$.downloads&uri=https://api.npmjs.org//downloads/point/last-day/:npmパッケージ名&maxAge=3600)


GitHub Star数・Fork数


  • Star数

    GitHub stars

  • Fork数

    GitHub forks

  • Watcher数

    GitHub Watch

* Star数  

![GitHub stars](https://img.shields.io/github/stars/:GitHubユーザー名/:GitHubリポジトリ名.svg?style=social&label=Stars)

*
Fork数
![GitHub forks](https://img.shields.io/github/forks/:GitHubユーザー名/:GitHubリポジトリ名.svg?style=social&label=Fork)

*
Watcher数
![GitHub Watch](https://img.shields.io/github/watchers/:GitHubユーザー名/:GitHubリポジトリ名.svg?style=social&label=Watch)


https://shields.io を見てもらうとわかりますが、他にもたくさんの種類のバッジあり、

今回紹介した以外のプラグインでもダウンロード数やユーザー数が表示できそうです。

何かプラグインを作ったら一度調べてみるといいかもしれません。