GitHub Calendar - GitHubのアクティビティグラフを任意のサイトに埋め込み表示
GitHubでの活動はオープンソース・ソフトウェア開発者としてのアクティビティとも言えます。会社でGitHubを使っていれば緑の濃い部分ばかりになるかも知れませんが、さらに休日もちゃんと埋めようと活動している人もいるでしょう。 そんな方にお勧めなのがGitHub Calendarです。GitHubのアクティビティグラフを任意のサイトに埋め込めます。
GitHub Calendarの使い方
GitHub Calendarの使い方です。専用のJavaScript、スタイルシートファイルを読み込みます。
<!-- Prepare a container for your calendar. -->
<script src="https://cdn.rawgit.com/IonicaBizau/github-calendar/gh-pages/dist/github-calendar.min.js"></script>
<!-- Optionally, include the theme (if you don't want to struggle to write the CSS) -->
<link rel="stylesheet" href="https://cdn.rawgit.com/IonicaBizau/github-calendar/gh-pages/dist/github-calendar.css"/>
後は表示したい場所を指定してGitHubCalendarを実行します。
<!-- Prepare a container for your calendar. -->
<div class="calendar">
<!-- Loading stuff -->
Loading the data just for you.
</div>
<script>
GitHubCalendar(".calendar", "your-username");
</script>
そうするとGitHubカレンダーが表示されます。
自分のブログであったり、Webサイトに組み込んでおくと開発者としての実力を示す一つの指標になるかも知れません。GitHubを使っている方はぜひ!
GitHub CalendarはJavaScript/CSS3製のオープンソース・ソフトウェア(MIT License)です。
GitHub Calendar IonicaBizau/github-calendar: Embed your GitHub calendar everywhere.