chamotarooo https://blog.hatena.ne.jp/chamotarooo/ chamotaroooのブログ https://chamotaro.hatenablog.com/ 技術 はじめに 仕事で触っている Web サービスのログインの仕組みを、Claude Code に聞いた。 JWT という語は知っていたが、それが何なのかは分かっていなかった。 返ってきた説明では、JWT にリフレッシュトークンと Cookie が組み合わさっていた。 フロントエンドの経験がない自分には、どれが何の役なのかがすぐには掴めなかった。 この記事では、まず JWT とリフレッシュトークンがそれぞれ何なのかを確かめる。 そのうえで、ログインしてからページを開くまでの流れを、1枚のシーケンス図にする。 題材のサービスは Next.js で作られていて、画面を作るサーバーとデータを返す API … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchamotaro.hatenablog.com%2Fentry%2Ftech%2Fjwt-refresh-token-login-flow" title="JWT とリフレッシュトークンで保つログイン状態を、シーケンス図で追う - chamotaroooのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-10-24 10:47:33 rich https://chamotaro.hatenablog.com/entry/tech/jwt-refresh-token-login-flow 1.0 100%