OSS探訪
GitHubで見るプロジェクトサイト

画面上からscreenshotとbrowser診断情報をまとめてbug reportへ変換する

OSS規模スコア 83.5OSS健全度 89更新ペース 26 Commit/30日
スコアの見方

OSS規模スコアはStars・Watchers・Forks・Contributorsを対数圧縮して重み付けした現在の規模指標（上限なし）です。発掘スコアは現在のOSS規模スコアから発掘時点のOSS規模スコアを引いた値、更新ペースは直近30日Commit数、成長モメンタムは直近の観測期間におけるOSS規模スコア差、OSS健全度は取得できた更新状況・Community Health・Releaseの0〜100評価です。

Stars
42
主要言語
TypeScript
ライセンス
AGPL-3.0
リポジトリ最終更新
2026/09/30
ページ内ナビ

概要

BugPinはWeb applicationへ軽量widgetを埋め込み、利用者がscreenshotを撮ってannotationし、network/console/browser情報と一緒にself-hosted serverへ送れるvisual bug reporting toolです。offline時のreport bufferやGitHub Issues連携も備えます。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：

主な特徴

screenshotにarrow・shape・text・privacy blurを付けて報告する

画面の問題箇所を直接annotateできるため、文章だけのissueより再現対象と期待箇所を共有しやすくなります。

出典：[2]

failed request・console error・device情報を自動収集する

4xx/5xx network request、console error、OS/browser/device metadataをreportへ添付し、開発側が初動調査に必要なcontextを集めやすくします。

出典：[2]

offline queueとGitHub Issues forwardingを使える

networkが切れている間はreportをlocal cacheし、復帰後に同期できます。project単位でGitHub Issuesへforwardする運用も可能です。

出典：[2]

向いている用途

QAや社内userからUI不具合を再現情報付きで集めたい場合に向く

browser上で発生するvisual defectやfrontend errorを、screenshotとtechnical contextを一つのreportとして開発teamへ渡したい場合の候補です。

出典：[2]

導入前の確認

初回login後にdefault passwordを必ず変更する

official quick startはadmin@example.com / changeme123をdefault credentialとして案内しています。起動直後にpasswordを変更し、public exposure前にdomain whitelistやrate limit等も設定します。

出典：[2]

v1.2.4ではGitHub同期画像のURL修正を含む

v1.2.4は新規・同期済みGitHub issueでinline screenshotやimage attachmentがdurable repository URLを使うよう修正しています。GitHub integration利用時は旧versionとの差分を確認します。

出典：[3]

Admin ConsoleとWidgetでlicenseが異なる

root/Admin ConsoleはAGPL-3.0、src/widgetはMITです。self-host serverの改変・network提供と、埋め込みwidgetの再利用・配布を分けてlicense条件を確認します。

出典：[4][5]

参考にした公式資料

  1. [1]aranticlabs/bugpin repository(2026-10-01)
  2. [2]BugPin README(2026-10-01)
  3. [3]BugPin v1.2.4 release(2026-10-01)
  4. [4]BugPin Admin Console AGPL-3.0 license(2026-10-01)
  5. [5]BugPin Widget MIT license(2026-10-01)
編集部からの補足

利用者が画面上からbugを報告し、screenshotへのannotationと4xx/5xx network request、console error、browser/device情報を一緒に開発側へ渡せます。埋め込みwidgetはMIT、Admin ConsoleはAGPL-3.0なので配布・改変範囲ごとにlicenseを確認します。

3ステップで試す

  1. 1

    BugPin containerを起動

    公式READMEのDocker Run手順でdata volume付きのBugPinを起動します。

    docker run -d --name bugpin --restart unless-stopped -p 7300:7300 -v bugpin-data:/data registry.arantic.cloud/bugpin/bugpin:latest
  2. 2

    初期passwordを変更

    初回login後すぐProfileからdefault passwordを変更します。公開環境ではdomain whitelistやrate limitも設定してください。

    Open http://localhost:7300 and sign in as admin@example.com / changeme123
  3. 3

    Projectを作りWidgetを接続

    Project作成後のAPI keyを使って対象Web applicationへwidgetを埋め込み、screenshot付きreportを送信して確認します。

    Create a project, copy its API key, then embed http://localhost:7300/widget.js
公式READMEで確認

成長

成長の推移 · 直近30日

42 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）
26
Open PR
0

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

カテゴリ

タグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る
GitHubで見る

GitHub Topics

  • bug
  • bug-reporter
  • bugreport
  • bug-tracker
  • bugs
  • issue-tracker
  • issues
Stars
42
Forks
13
Watchers
0
Open Issues
5
Contributors
5
所有者種別
Organization
主要言語
TypeScript
ライセンス
AGPL-3.0
リポジトリ最終更新
2026/09/30
関連記事を投稿する

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

情報の誤りを報告

掲載内容に誤りや古い情報があればお知らせください。

このページを読んで、次に何をすればよいか分かりましたか？