QRコードメーカー

URLを入れるとその場でQRコードになり、PNGとSVGで保存できるツール。

QRコードメーカーの画面。上にURLの入力欄、読み取りの強さと大きさの設定、下に作られたQRコードと「PNGで保存」「SVGで保存」「画像をコピー」のボタンが並んでいる。

店頭に貼る紙やチラシ用のQRコードを、その場で作って保存できるWebツールです。QRコードを作る処理(データの符号化、リード・ソロモン符号による誤り訂正、マスクの選択)を外部ライブラリを使わずにJavaScriptで実装しました。型番1〜40と誤り訂正レベルL・M・Q・Hに対応し、入力の長さから必要な型番を自動で選びます。処理はすべてブラウザの中で完結し、入力したURLはどこにも送信しません。印刷用に、拡大してもぼやけないSVGでの保存にも対応しています。

使用技術
  • JavaScript
  • Canvas
  • SVG
  • Cloudflare Workers
担当
  • 企画
  • QR生成処理の実装
  • 画面設計
成果
  • QRの生成処理を外部ライブラリなしで実装(型番1〜40 / 誤り訂正L・M・Q・H)
  • 全型番で、生成したコードが読み取れることを確認
  • 入力内容を送信しない作り。通信なしでも動作する
制作期間
2026-09
ステータス
公開中

← 制作実績の一覧へ戻る