ヘッダー
{} おすすめのユーティリティが、スマホでも使えるように。
すべてのツールとプロジェクトに、高速・最適化された状態でひとつの場所からアクセスできます。
JWT Decoder, Parser and Claims Inspector
JSON Web Tokenを貼り付けて、ヘッダーとペイロードを即座にデコードし、登録されたクレームを検査し、期限切れトークンを見つけ、認証フローをデバッグするためにクリーンなJSONをコピーします。
JSONヘッダー、ペイロード、クレームをデコードするためにトークンを貼り付けてください。
デコードはブラウザセッション内で実行されます。セキュリティポリシーで許可されている場合を除き、本番環境のシークレットをツールに貼り付けないでください。
ペイロード
{} 署名
署名セグメントがありません
Zoom 100%
ユーティリティスタジオ
このユーティリティをあなたのサイトに追加しませんか？
WordPress、Notion、またはご自身のサイト向けに、カラーとダークモードをカスタマイズできます。
よくある質問
JWTをデコードすることでトークンが有効であることを証明できますか？
いいえ。デコードはbase64urlエンコードされたヘッダーとペイロードを明らかにするだけです。トークンが信頼できるのは、アプリケーションまたはIDプロバイダによって署名、発行者、オーディエンス、有効期限、および関連クレームが検証された後だけです。
このJWTデコーダをアクセストークンとIDトークンに使用できますか？
はい。このデコーダは、標準の3部構成のJWT形式を使用している限り、OAuthアクセストークン、OpenID Connect IDトークン、セッショントークン、サービス間トークンの検査に役立ちます。
署名パネルがトークンを検証しないのはなぜですか？
JWT検証には、正しいシークレット、公開鍵、またはJWKS設定が必要です。このツールは、可視の署名文字列が有効性の証明であるかのように装うことなく、開発者がトークンの内容を確認できるように、意図的にデコードと検査に焦点を当てています。
JWTをデバッグする際に最初に何をチェックすべきですか？
exp、nbf、iss、aud、algから始めます。実際の本番環境の問題のほとんどは、期限切れトークン、クロックスキュー、誤ったオーディエンス値、予期しない発行者URL、または安全でないアルゴリズムの仮定に起因します。
# セキュリティコンテキストを失わずにJWTをデコードする
JSON Web Tokenはコンパクトに見えますが、署名アルゴリズム、発行者、オーディエンス、サブジェクト、発行時刻、有効開始時刻、有効期限、アプリケーション固有の認証クレームなど、認証失敗を説明する正確な詳細を含んでいることがよくあります。このJWTデコーダ、パーサ、クレームインスペクタは、3つのトークンセグメントを読み取り可能なJSONに変換し、認証フローをより速くデバッグできるようにします。デコード済みは信頼済みを意味しません
誰でもJWTをbase64urlデコードできます。信頼が始まるのは、アプリケーションが正しいシークレット、公開鍵、またはJWKSで署名を検証し、発行者、オーディエンス、有効期限、およびドメイン固有のクレームを検証した後だけです。このツールはデータの検査に使用し、トークンを本物として受け入れるために使用しないでください。
# 各JWTセグメントが教えてくれること
| セグメント | 一般的な内容 | デバッグの価値 |
|---|---|---|
| ヘッダー | アルゴリズム、トークンタイプ、オプションのキーID | HS256、RS256、ES256など、どの検証戦略をトークンが期待しているかを示します。 |
| ペイロード | 登録クレームとアプリケーションクレーム | ID、テナント、スコープ、ロール、有効期限、オーディエンスの不一致を明らかにします。 |
| 署名 | base64urlエンコードされた暗号署名バイト | 署名セグメントが存在することを確認しますが、別の場所で正しいキーで検証する必要があります。 |
# 認証の不具合を通常説明するクレーム
- exp: トークンの有効期限が切れている場合、更新ロジックまたはクロック設定が間違っている可能性があります。
- nbf: トークンがまだ有効でない場合、サーバーとIDプロバイダのクロックが同期していない可能性があります。
- iss: 発行者URLが設定と異なる場合、トークンが間違ったテナントまたは環境から来ている可能性があります。
- aud: オーディエンスがAPI識別子と一致しない場合、トークンは別のリソース用に発行されています。
- alg: アルゴリズムが予期しない場合、検証ツールがトークンを拒否するか、危険な設定ミスを露呈する可能性があります。
# 開発中のJWTパーサのユースケース
フロントエンドデバッグ
ログイン後に受け取ったIDトークンとアクセストークンを検査し、スコープ、ロール、プロフィールクレームを確認します。
- プロフィールクレームをチェック
- スコープとロールを確認
- ログイン環境を比較
バックエンドAPI QA
期待される発行者とオーディエンスの値を、Authorizationヘッダーで実際に送信されたトークンと比較します。
- オーディエンスの形式を検証
- 発行者の不一致を見つける
- ベアラートークンを検査
IDプロバイダ設定
Auth0、Azure AD、Cognito、Keycloak、またはカスタムプロバイダからのクレームが、アプリが期待する形状になっているか確認します。
- テナントデータを確認
- カスタムクレームをチェック
- プロバイダマッピングを比較
# このインスペクタで明らかになる一般的なJWTの失敗
迅速なチェック vs 信頼の判断
メリット
- 不正な形式のトークンを即座に確認できます。
- Unixタイムスタンプクレームを読み取り可能な日付に変換します。
- 発行者、オーディエンス、サブジェクト、タイプの欠落値を見つけます。
デメリット
- 期待するオーディエンスや発行者を知ることはできません。
- 実際のキー素材なしでは署名を検証できません。
- スコープとロールがアプリケーションにとって安全であることを証明できません。
ベストプラクティスワークフロー
クライアントまたはAPIが実際に受け取った内容を理解するためにトークンをデコードします。
アプリケーションロジックを追う前にexp、nbf、iss、aud、sub、algをチェックします。
署名と信頼の判断は認証レイヤーでのみ検証します。
機密性の高い本番JWTをチケット、ログ、スクリーンショットで共有しないでください。
参考文献
- [1] IETF: JSON Web Token (JWT), RFC 7519
https://datatracker.ietf.org/doc/html/rfc7519
- [2] IETF: JSON Web Signature (JWS), RFC 7515
https://datatracker.ietf.org/doc/html/rfc7515
同じカテゴリのユーティリティ ウェブ開発
アスペクト比計算ツール（ピクセル）。オンライン比率計算
グラフィックの歪みを防ぐために、正確な比率を維持したまま画像、ビデオ、Webデザインの新しい解像度を計算します。16:9、4:3、21:9、およびカスタム形式をサポートしています。
ツールを使う
データ時間計算機：ウェブ速度の影響
ユーザーが3G、4G、5G接続でウェブサイトの読み込みを待つ間に失う寿命を把握しましょう。サイトの重さがもたらす本当の影響を計算します。
ツールを使う
オンライン・カラーコンバーター：RGB, HEX, HSL
RGB、HEX、HSL間ですぐに色を変換できます。補色ハーモニーの生成やWCAGコントラストの分析も可能。100%クライアントサイドでプライバシーも安心。
ツールを使う
Excel・CSVからHTMLテーブルへの変換コード生成ツール
ExcelやCSVのデータを、クリーンでセマンティックなHTMLテーブルに即座に変換します。開発者やコンテンツ作成者のための無料ツールです。
ツールを使う
オンラインCronエクスプレッション・ジェネレーター：翻訳とビジュアライザー
LinuxのCronエクスプレッションを生成するための無料のビジュアルツールです。「* * * * *」を人間が理解できる言葉に翻訳し、次回の実行日時5件をリアルタイムで表示します。
ツールを使う
CSSセレクター詳細度チェッカー オンライン。セレクターの重みを可視化
CSSセレクターの詳細度と正確な重みを計算します。どのCSSルールがカスケードで勝つかを視覚的に確認でき、!importantの乱用を防ぐのに役立つツールです。
ツールを使う
CSSをインラインHTMLに変換するメール向けツール
スタイルシートやCSSクラスを、HTML内に直接埋め込まれたインラインスタイルへ自動変換します。ニュースレター、トランザクショナルメール、安定したWebレイアウトに最適です。
ツールを使う
CSSの重複を削除するオンラインツール。スタイルシートを整理して最適化
重複したCSSコードを無料でクリーンアップできるツール。冗長なセレクターを統合し、カスケードを維持しながら、ブラウザ上でファイルサイズを即座に削減します。
ツールを使う
Security.txt ジェネレーター RFC 9116
プロフェッショナルな security.txt ファイルを作成して、脆弱性の報告を円滑にし、国際的なウェブセキュリティ標準に準拠しましょう。
ツールを使う
オンライン・セキュリティ・ハッシュ・ジェネレーター
MD5、SHA-1、SHA-256、SHA-512ハッシュを瞬時に計算。開発者向けの無料、プライベート、超高速なセキュリティツールです。100%クライアントサイドで動作します。
ツールを使う
オンラインSSL/TLS証明書インスペクタ PEMおよびCRTファイルを表示
SSL証明書ファイル(.pem、.crt、.der)をローカルで分析します。有効期限、発行者、サブジェクト、SHA-256フィンガープリントを確認できます。データはブラウザから出ません。
ツールを使う
無料オンラインJSONフォーマッタ＆バリデータ
JSONコードの整形、検証、修復を行う無料オンラインツール。JSONを美しく整形します。構文エラーを検出し、コードの可読性を向上させます。
ツールを使う
キーボードコードビジュアライザー オンライン。KeyCode Inspector
キーボードの任意のキーの event.key、event.code、event.which、およびロケーションをリアルタイムで確認できる無料のオンラインツール。すぐに使えるJavaScriptコードスニペットを生成します。
ツールを使う
LLMコスト計算ツール。AIモデルAPIの料金見積もり
LLM APIの呼び出しコストを無料で試算できるオンラインツールです。GPT-4o、Claude、Gemini、Llamaなどを、100万トークンあたりの実際の料金で比較できます。
ツールを使う
App Store向けモバイルモックアップジェネレーター。iPhoneとGoogle Pixel対応
App StoreとGoogle Play向けのプロフェッショナルなプレゼンテーションを作成。カスタム背景、パノラマレイアウト、高解像度一括エクスポートに対応したiPhoneとPixelのモックアップ。
ツールを使う
音楽的タイポグラフィスケール。モジュラースケール計算機
音楽的比率に基づくモジュラースケールで、調和のとれた視覚的階層を作成できる無料オンラインツール。Webデザインにすぐ使えるCSS変数を生成します。
ツールを使う
プレースホルダー画像ジェネレーター。ウェブモックアップを素早く作成
ウェブデザイン用のカスタムプレースホルダー画像を作成できます。解像度・背景色・テキストを自由に調整し、PNG・WebP・JPEGで即時エクスポート。
ツールを使う
プライベート AI プロンプトライブラリ
ChatGPT、Midjourney、Claudeのプロンプトをプライベートに整理・タグ付け・保存。localStorageに保存される自分だけのプロンプトバンク。
ツールを使う
視覚的可読性チェッカー WCAG と APCA
APCAとWCAG 3.0であなたのデザインの実際のコントラストを確認しましょう。フォントの太さとサイズが可読性に与える影響を分析できます。単純な比率から知覚的な読みやすさまで対応。
ツールを使う
SVGサニタイザー オンライン
FigmaやAdobe Illustrator、Inkscapeからエクスポートしたsvgを最適化してクリーンアップ。メタデータや不要な属性、空のグループを削除し、本番環境に対応したSVGを生成します。
ツールを使う
無料オンラインSVGからCSSおよびData URIへの変換ツール
SVGアイコンやベクトルをCSSコード（背景またはマスク）や圧縮されたData URIに変換します。外部HTTPリクエストを排除し、ウェブサイトのパフォーマンスを最適化します。
ツールを使う
URLトラッキングクリーナー：UTM・FBCLID・GCLIDを削除
URLに含まれるトラッキングパラメータや広告パラメータを自動で除去します。クリーンなリンクを共有して、デジタルプライバシーをすぐに守りましょう。
ツールを使う
オンラインURLエンコーダー＆デコーダー
あらゆるリンクの特殊文字を安全な形式（パーセントエンコーディング）に変換、または元の読み取り可能な状態に即座にローカルで復元します。
ツールを使う
Googleアナリティクス用UTMパラメータ生成器
デジタルマーケティングキャンペーン用の正確なトラッキングリンクを作成します。Googleアナリティクスやその他の分析ツールに最適化されています。
ツールを使う
SERPシミュレーター & SEOピクセルカウンター
Google検索結果のスニペットをリアルタイムでプレビューし、タイトルとメタディスクリプションのピクセル幅を測定して、テキストがどこで切り詰められるかを正確に確認できます。
ツールを使う
ビジュアルCSS Grid & Flexboxレイアウトジェネレーター
ビジュアルブロックを移動し、コンテナをリサイズし、配置を調整し、プリセットを使用してレスポンシブレイアウトを設計 - クリーンなネイティブCSSをすぐにコピー。
ツールを使う
CSS Box Shadow Generator
レイヤー状のCSSシャドウをライブプレビュー、スライダー、カラーピッカー、プリセットで視覚的にデザイン。クリーンなネイティブCSSを即座にコピー。
ツールを使う
このサイトを宣伝する
スペイン語のjjlmoya.esと国際向けGameBob.devのための社内プロパガンダデスクです。Bobがフィードを恥ずかしいと思う前に、自分のページのスクリーンショットをソーシャル画像に変換します。
ツールを使う