LoginSignup
2

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-01-05

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 を見てもらうとわかりますが、他にもたくさんの種類のバッジあり、
今回紹介した以外のプラグインでもダウンロード数やユーザー数が表示できそうです。
何かプラグインを作ったら一度調べてみるといいかもしれません。

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
2