0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

オンランでバッジ画像(SVG)を作成できるツール(Badge Maker)を作ってみた

Posted at

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

作った経緯

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

ツールとしてはこんな感じのシンプルなものです。
image.png
テキストやサイズを入力して、DownloadボタンでSVGファイルがダウンロードできます。

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?