この記事はPWA Advent Calendar 2020の16日目の記事です。 (だいぶ遅れてすみません) 以前に書いたWebの技術だけで作るQRコードリーダーの続編です。 以前の記事ではjsQRというライブラリを使用してQRコードの読み込みをしていましたが、ブラウザ標準のShape Detection APIというAPIで同じことが実現できそうだったので試してみました。 Shape Detection APIはEditor's draft(2020年12月23日現在)ですが、デスクトップ版とAndroid版のChrome ver83からはデフォルトで有効になっているようです。 ※以前は chrome://frag からフラグを有効化しないと使えませんでした。 参考:https://www.chromestatus.com/feature/4757990523535360 Shape D