kakehashi_dev https://blog.hatena.ne.jp/kakehashi_dev/ KAKEHASHI Tech Blog https://kakehashi-dev.hatenablog.com/ クライアントサイド こんにちは。カケハシでAI在庫管理の開発をしている江藤です。 AI在庫管理では、複数タブを開いた状態で使われることがあります。認証周りを再実装する中で、複数タブを開いていると発生するアクセストークンの自動更新の重複問題に向き合うことになりました。今回はその問題をWeb Locks APIで解決した実装の変遷を紹介します。 アクセストークン自動更新時の重複 AI在庫管理はSPAで動いているため、アクセストークンの有効期限が切れてしまう数分前に自動でトークンの更新処理を行なっています。 ユーザーが開いているタブが1つだけなら単純に更新リクエストを行うだけで済むのですが、複数タブを開いている場合に少… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkakehashi-dev.hatenablog.com%2Fentry%2F2026%2F05%2F14%2F090000" title="Web Locks API でロック待ちを「しない」選択 — 複数タブにおけるトークン更新競合の解消 - KAKEHASHI Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.image.st-hatena.com/image/square/adad63b72f1d6545b2ba2538c3fc2923b2fd5989/backend=imagemagick;height=80;version=1;width=80/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Fcircle%2Fofficial-circle-icon%2Fcomputers.gif Hatena Blog https://hatena.blog 2026-05-14 09:00:00 rich https://kakehashi-dev.hatenablog.com/entry/2026/05/14/090000 1.0 100%