開発のきっかけ：その URL、誰かに見られていませんか？
「PC で開いているこの長い URL を、今すぐスマホで確認したい」。
Web 系エンジニアなら、毎日 10 回はそう思うはずです。実機での表示確認、モバイル向けのデザインチェック……。一番早いのは「URL を QR コードにして読み取ること」です。
でも、世の中の「QR コード生成サイト」を使うとき、ふと不安になりませんか？
その URL には、開発中のプロジェクトの認証用非公開トークンが含まれていたり、機密性の高いシステム名がパスに含まれていたりしませんか？
「URL を QR にするだけなのに、なぜサーバーと通信する必要があるのか？」。
多くの無料サービスは、生成した URL を履歴として保存したり、最悪の場合、外部から閲覧可能な状態で公開されていたりすることもあります。この「漠然とした不安」を解消したくて、DevToolKits の QR コードツール は生まれました。
技術の裏側：Canvas API が叶える「ぬるぬる」とした体験
「安全」であることは当然として、私たちは「圧倒的な使い心地」にもこだわりました。
1. サーバーを介さない、瞬速の描画
一般的な Web アプリでは、サーバーにリクエストを送って画像を受け取る、という手順を踏みますが、これではワンテンポ遅れてしまいます。
私たちは node-qrcode をブラウザ上で動かし、Canvas API を使って、あなたの PC のビデオメモリ上に直接 QR コードを描き出しています。
文字を打ち込んだ瞬間に、1 ミリの遅延もなく QR コードが変化する。この「ぬるぬる」としたレスポンスこそが、私たちが目指した開発体験です。
2. 資料に馴染む「美しさ」への配慮
エンジニアは、プレゼン資料や社内ドキュメントにも QR コードを貼ります。
だからこそ、色やサイズを自由に変えられるようにしました。ブランドのメインカラーに合わせて QR の色を変える。そんな「ちょっとしたこだわり」を、リアルタイムに反映できるように。
「自分のデータは自分のもの」という当たり前
このツールを使っている間、ブラウザの「ネットワーク」タブを覗いてみてください。
何のパケットも飛んでいないはずです。
スマホに URL を送るという個人的な（、あるいは機密性の高い）行為に、第三者が入り込む隙間を一切なくしました。
まとめ
QR コード生成ツールは、一見するとどこにでもあるシンプルな道具です。
でも、そのシンプルさの裏側には、「プライバシーを他人に預けない」という私たちの強い意志を込めています。
PC とスマホをもっと近くに。そして、あなたの秘密をもっと安全に。
DevToolKits が、あなたの開発フローをよりスムーズに、より「安心」できるものに変えることができれば幸いです。