[{"data":1,"prerenderedAt":321},["ShallowReactive",2],{"\u002Fjwt-decoder\u002Fja":3},{"id":4,"title":5,"body":6,"description":126,"extension":314,"meta":315,"navigation":316,"path":317,"seo":318,"stem":319,"__hash__":320},"content\u002Fjwt-decoder\u002Fja.md","Ja",{"type":7,"value":8,"toc":302},"minimark",[9,14,18,21,24,37,40,43,47,50,53,70,74,81,90,93,96,116,119,129,132,202,284,287,298],[10,11,13],"h2",{"id":12},"jwtデコーダーとは","JWTデコーダーとは？",[15,16,17],"p",{},"JWT（JSON Web Token）をデコードして、ヘッダーとペイロードの内容を確認するツールです。認証トークンの中身を見たいときや、API連携・ログイン処理のデバッグ時に役立ちます。",[15,19,20],{},"入力したJWTはブラウザ上で解析され、ヘッダーとペイロードがJSON形式で表示されます。トークン形式が不正な場合は、エラーメッセージで確認できます。",[10,22,23],{"id":23},"使い方",[25,26,27,31,34],"ol",{},[28,29,30],"li",{},"JWTを入力欄へ貼り付けます。",[28,32,33],{},"ヘッダーとペイロードの表示結果を確認します。",[28,35,36],{},"エラーが出た場合は、トークン形式や余分な文字が混ざっていないかを見直します。",[15,38,39],{},"リアルタイムで更新されるため、トークンを差し替えながら内容を比較したいときにも使いやすいです。",[10,41,42],{"id":42},"確認できる内容",[44,45,46],"h3",{"id":46},"ヘッダー",[15,48,49],{},"署名アルゴリズムやトークン種別など、JWTの先頭部分を確認できます。",[44,51,52],{"id":52},"ペイロード",[15,54,55,59,60,59,63,59,66,69],{},[56,57,58],"code",{},"sub","、",[56,61,62],{},"iss",[56,64,65],{},"exp",[56,67,68],{},"iat"," のようなクレームや、独自に付与した項目を確認できます。認証情報や権限フラグの確認にも便利です。",[10,71,73],{"id":72},"jwtの基本構造","JWTの基本構造",[15,75,76,77,80],{},"JWTは通常、次の3つの部分を ",[56,78,79],{},"."," でつないだ文字列です。",[25,82,83,85,87],{},[28,84,46],{},[28,86,52],{},[28,88,89],{},"署名",[15,91,92],{},"このツールで表示されるのはヘッダーとペイロードです。署名そのものの検証は行いません。",[10,94,95],{"id":95},"活用シーン",[97,98,99,102,105,113],"ul",{},[28,100,101],{},"APIから返ってきたJWTの内容を確認したいとき",[28,103,104],{},"ログインや認証処理のデバッグをしたいとき",[28,106,107,109,110,112],{},[56,108,65],{}," や ",[56,111,68],{}," などのクレームを見直したいとき",[28,114,115],{},"JWTに含めた独自項目が想定どおりか確認したいとき",[10,117,118],{"id":118},"入出力例",[120,121,127],"pre",{"className":122,"code":124,"language":125,"meta":126},[123],"language-text","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IuWxseeUsOWkqumDjiIsImFkbWluIjp0cnVlLCJpYXQiOjE1MTYyMzkwMjJ9.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c\n","text","",[56,128,124],{"__ignoreMap":126},[15,130,131],{},"このようなJWTを貼り付けると、たとえば次のようにヘッダーとペイロードを確認できます。",[120,133,137],{"className":134,"code":135,"language":136,"meta":126,"style":126},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"alg\": \"HS256\",\n  \"typ\": \"JWT\"\n}\n","json",[56,138,139,148,176,196],{"__ignoreMap":126},[140,141,144],"span",{"class":142,"line":143},"line",1,[140,145,147],{"class":146},"sMK4o","{\n",[140,149,151,154,158,161,164,167,171,173],{"class":142,"line":150},2,[140,152,153],{"class":146},"  \"",[140,155,157],{"class":156},"spNyl","alg",[140,159,160],{"class":146},"\"",[140,162,163],{"class":146},":",[140,165,166],{"class":146}," \"",[140,168,170],{"class":169},"sfazB","HS256",[140,172,160],{"class":146},[140,174,175],{"class":146},",\n",[140,177,179,181,184,186,188,190,193],{"class":142,"line":178},3,[140,180,153],{"class":146},[140,182,183],{"class":156},"typ",[140,185,160],{"class":146},[140,187,163],{"class":146},[140,189,166],{"class":146},[140,191,192],{"class":169},"JWT",[140,194,195],{"class":146},"\"\n",[140,197,199],{"class":142,"line":198},4,[140,200,201],{"class":146},"}\n",[120,203,205],{"className":134,"code":204,"language":136,"meta":126,"style":126},"{\n  \"sub\": \"1234567890\",\n  \"name\": \"山田太郎\",\n  \"admin\": true,\n  \"iat\": 1516239022\n}\n",[56,206,207,211,230,250,264,279],{"__ignoreMap":126},[140,208,209],{"class":142,"line":143},[140,210,147],{"class":146},[140,212,213,215,217,219,221,223,226,228],{"class":142,"line":150},[140,214,153],{"class":146},[140,216,58],{"class":156},[140,218,160],{"class":146},[140,220,163],{"class":146},[140,222,166],{"class":146},[140,224,225],{"class":169},"1234567890",[140,227,160],{"class":146},[140,229,175],{"class":146},[140,231,232,234,237,239,241,243,246,248],{"class":142,"line":178},[140,233,153],{"class":146},[140,235,236],{"class":156},"name",[140,238,160],{"class":146},[140,240,163],{"class":146},[140,242,166],{"class":146},[140,244,245],{"class":169},"山田太郎",[140,247,160],{"class":146},[140,249,175],{"class":146},[140,251,252,254,257,259,261],{"class":142,"line":198},[140,253,153],{"class":146},[140,255,256],{"class":156},"admin",[140,258,160],{"class":146},[140,260,163],{"class":146},[140,262,263],{"class":146}," true,\n",[140,265,267,269,271,273,275],{"class":142,"line":266},5,[140,268,153],{"class":146},[140,270,68],{"class":156},[140,272,160],{"class":146},[140,274,163],{"class":146},[140,276,278],{"class":277},"sbssI"," 1516239022\n",[140,280,282],{"class":142,"line":281},6,[140,283,201],{"class":146},[10,285,286],{"id":286},"使うときの注意点",[97,288,289,292,295],{},[28,290,291],{},"JWTは暗号化ではなくエンコードが基本なので、ペイロードに機密情報を直接入れる設計には注意が必要です",[28,293,294],{},"このツールはヘッダーとペイロードの確認用であり、署名の正当性までは検証しません",[28,296,297],{},"処理はブラウザ内で行われますが、実運用の機密トークンを扱うときは共有や保存範囲に注意すると安心です",[299,300,301],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":126,"searchDepth":150,"depth":150,"links":303},[304,305,306,310,311,312,313],{"id":12,"depth":150,"text":13},{"id":23,"depth":150,"text":23},{"id":42,"depth":150,"text":42,"children":307},[308,309],{"id":46,"depth":178,"text":46},{"id":52,"depth":178,"text":52},{"id":72,"depth":150,"text":73},{"id":95,"depth":150,"text":95},{"id":118,"depth":150,"text":118},{"id":286,"depth":150,"text":286},"md",{},true,"\u002Fjwt-decoder\u002Fja",{"description":126},"jwt-decoder\u002Fja","SAdG8co1dBdZWfyIYaDwcvEXWXmphEpZh9-VJcDsIuA",1778928546345]