Big Sky :: jQueryプラグインとして動作するGithub Badge作ってみた。

2012/05/30

jQueryプラグインとして動作するGithub Badge作ってみた。

githubのJSON APIを使って、リポジトリのコミットログを取得してバッヂを作ってみました。
呼び出しは


$(function() {

    $('#github-badge').githubBadge({ repos : [

        {author: 'mattn',    name: 'gist-vim'  },

        {author: 'mattn',    name: 'gtktwitter'},

        {author: 'miyagawa', name: 'remedie'   },

        {author: 'otsune',   name: 'plagger'   }

    ]});

});

こんな感じ。
現状、スクリプトではcssを当てていません。外部cssで適当に弄って下さい。
現状APIからgistは取れなさそうなので、対応していませんがそのうちAPIが出来るやもしれませんね。
これからもう少しカッコよくして行くつもりですが、よろしければどうぞ。
実行画面は以下
mattn/jquery-github-badge @ GitHub
ソースはこの辺にあります。

Posted at 01:16 | WriteBacks () | Edit

Edit this entry...

wikieditish message: Ready to edit this entry.

New Name:

Title:

Body:

meta-tags: github, jquery
meta-creation_date: 2012-05-30T01:16:20+09:00

githubのJSON APIを使って、リポジトリのコミットログを取得してバッヂを作ってみました。 
呼び出しは
<code class="code">
$(function()&nbsp;{ 
&nbsp;&nbsp;&nbsp;&nbsp;$('#github-badge').githubBadge({&nbsp;repos : [ 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{author: 'mattn',&nbsp;&nbsp;&nbsp;&nbsp;name: 'gist-vim'&nbsp;&nbsp;}, 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{author: 'mattn',&nbsp;&nbsp;&nbsp;&nbsp;name: 'gtktwitter'}, 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{author: 'miyagawa', name: 'remedie'&nbsp;&nbsp; }, 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{author: 'otsune',&nbsp;&nbsp; name: 'plagger'&nbsp;&nbsp; } 
&nbsp;&nbsp;&nbsp;&nbsp;]}); 
}); 
</code>
こんな感じ。 
現状、スクリプトではcssを当てていません。外部cssで適当に弄って下さい。 
現状APIからgistは取れなさそうなので、対応していませんがそのうちAPIが出来るやもしれませんね。 
これからもう少しカッコよくして行くつもりですが、よろしければどうぞ。 
実行画面は以下 
<a href="http://mattn.github.com/jquery-github-badge/" class="external" target="_blank" rel="noopener noreferrer">mattn/jquery-github-badge @ GitHub</a> 
ソースは<a href="http://github.com/mattn/jquery-github-badge/tree/master" class="external" target="_blank" rel="noopener noreferrer">この辺</a>にあります。

Excerpt:

Ping URLs:

File:

Password:

A quick preview will be rendered here when you click "Preview" button.