ITエンジニア/デザイナ向けにオープンソースを毎日紹介

さっそくWebサイトに貼付けてみましょう!

GitHubでの活動はプログラマーとしての証!そんな訳でブログやプロジェクトサイトに貼付けたいのがOctocardです。

Octocardの使い方

サンプル。右側に埋め込むべきscriptタグが表示されています。
サンプル。右側に埋め込むべきscriptタグが表示されています。

使い方としてはOAuthでGitHubと接続することでデータを自動的にとってきてくれます。

自分のプロフィールカードを作るのも簡単。
自分のプロフィールカードを作るのも簡単。

<script data-name="moongift"
  data-modules="base,details,stats,repos,eventsStatis,orgs"
  data-reposNum="3"
  src="http://nodejs.in/octocard/bin/octocard.js">
</script>

こんな感じでHTMLが出るので、貼付ければOKです。スクリプトなので自前のサイトでないと難しいかも知れません(もちろんOctocard自体を自前で設置しても良いですし)。Octocardの表示部分はテーマ化されていますのでカスタマイズも可能です。

Octocardはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Octocard

zmmbreeze/octocard

 

MOONGIFTの関連記事

  • DevRel
  • Com2