オンランでバッジ画像(SVG)を作成できるツール(Badge Maker)を作ったので、公開してみました。

作った経緯

GitLabだとこんな感じで、バッジ(パイプラインの状況とか、カバレッジとか)を表示できるスペースがあるのですが、自分はバッジ以外にもリンクを設置したりして利用しています。
上の例だとSonarQubeへのリンクなどですね。
このときにバッジ画像が必要になる(画像とリンク先を設定する仕様となっている)ので、それを簡単に作れるツールを作ってしまおうと。
需要があるのか分かりませんが、せっかく作ったので公開してみました。

ツールとしてはこんな感じのシンプルなものです。

テキストやサイズを入力して、DownloadボタンでSVGファイルがダウンロードできます。

このツールは、フロントエンドのJavaScript(とHTML)のみで構成されています。(サーバーサイドの処理はありません)
静的ページとして公開できるので、外部公開したというのもあります(笑)