FrogQR とは
QR コードをつくり、印刷したあとでも、読み取ったときの行き先（URL）を変えられる社内ツール「FrogQR」を開発しました。チラシや名刺などの印刷物に載せる QR コードを、管理画面でまとめて扱います。
【目的】
- 印刷物に載せた QR コードの行き先を、刷り直さずに変えられるようにする
- 決めた期間だけ、行き先を自動で切り替えられるようにする
- どの QR コードが、どれだけ読み取られたかを確かめられるようにする
【担当範囲】
設計・デザイン・開発・運用（社内）
社内ツール｜ダイナミックQRコード作成ツール「FrogQR」開発
印刷したあとでも、読み取ったときの行き先を変えられる QR コードをつくる社内ツール「FrogQR」を開発しました。期間ごとの行き先の切り替えと、読み取り数の確認ができます。
QR コードの作成：あとから行き先を変えられる「ダイナミック」と「静的」
ダイナミックの QR コードには、URL そのものではなく短い URL（/r/ のあとに 8 文字の英数字。自分で決めることもできる）が入ります。読み取ると FrogQR を通って行き先へ転送されるので、行き先はあとから管理画面で変えられます。
静的の QR コードには URL そのものが入ります。あとから変えることはできません。どちらも PNG と SVG でダウンロードでき、一覧では名前・短い URL・行き先で検索できます。
スケジュール：期間ごとに行き先を切り替える
ダイナミックの QR コードには、開始と終了の日時と行き先を決めたスケジュールを登録できます。その期間に読み取られると、スケジュールの行き先へ転送されます。期間の外では、もとの行き先に戻ります。いま有効なスケジュールには「Active」と表示されます。
読み取り数とダッシュボード
ダイナミックの QR コードは、読み取られるたびに回数を数えます。ダッシュボードでは、QR コードの数、読み取りの合計、今月つくった数、いま有効なスケジュールの数と、読み取りの多い QR コード・最近つくった QR コードをそれぞれ 5 件ずつ確かめられます。
業務での使い方
当社でつくる印刷物や販促物に、次のような使い方ができます。
- チラシ・ポスター：印刷したあとに案内するページが変わっても、刷り直さずに行き先だけ変える
- 商品のパッケージ・名刺：長く使う印刷物に載せた QR コードの行き先を、あとから差し替える
- 期間限定のキャンペーン・季節ごとの案内：スケジュールで、決めた期間だけ特設ページへ案内し、終わったら通常のページへ戻す
- 印刷物ごとの反応の比べ：印刷物ごとに別の QR コードをつくり、読み取り数を比べる
技術構成
- バックエンド：Go（Gin）・PostgreSQL
- 管理画面：Next.js・React・TypeScript・Tailwind CSS
- QR コードの生成：qrcode（PNG・SVG）
- ログイン：Google アカウント
- 実行環境：Docker Compose・Nginx
- 主な操作は Playwright の自動テストで確認