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

GitHubのREADMEに用いるバッジは数多く存在します。たとえばビルド結果を出したり、バージョンを出したりします。多くはそのソフトウェアを知るための情報です。開発者もそうした情報を埋め込むことで、ソフトウェアの信頼を獲得できます。

今回紹介するgithub-readme-quotesはそういった信頼性とは一線を画す存在です。GitHubのREADMEの中に名言を表示できます。

github-readme-quotesの使い方

たとえばこんな名言。

アクセスする度に別なものが表示されます。

テーマも指定できます。

アニメーションもあります。

github-readme-quotesでは名言を書いたJSONファイルも指定できるので、それを使うことで利用者のレビューを表示するのにも使えます。技術的にはgithub-readme-quotesはiframeを使い、SVGを返しています。テキスト部分を含めてSVGになっているところがユニークで、面白いです。

github-readme-quotesはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

デモ

shravan20/github-readme-quotes: Dynamic quote generator for your GitHub readmes

 

MOONGIFTの関連記事

  • DevRel
  • Com2