エンコード/デコード
Base64 · URL Encode/Decode
エンコード/デコード
準備完了
ABOUT
エンコード/デコードについて
テキストの Base64 または URL パーセントエンコード/デコード。API 転送におけるエンコード問題を処理。
Base64 と URL エンコードは HTTP 世界の「句読点」：Data URL、Basic Auth、query パラメータ、JWT 断片すべてに不可欠。ローカルエンコード/デコードで credentials 断片を不可信オンラインサイトに送信しません。
DEEP DIVE
エンコード/デコードを詳しく
Base64 エンコードはバイナリまたは UTF-8 テキストを ASCII 安全文字に変換。メール添付、Data URL、JWT 断片、API 転送で広く使用。URL エンコード（Percent-encoding）は特殊文字を %XX 形式に変換、HTTP query と path の標準処理。JSONSort エンコード/デコードツールは両方の双方向変換をローカル即時実行。
中国語を含む Base64 処理時は UTF-8 エンコードの一貫性に注意。URL エンコードは encodeURI（URL 構造文字保持）と encodeURIComponent（全特殊文字エンコード）のセマンティクスを区別。
Base64 エンコードはサイズが約33%増加、バイナリ安全テキスト転送に適。URL エンコードは UTF-8 バイト処理、中国語は通常 %E4%B8%AD 形式。誤ったエンコード方式は 404 や文字化けの一般的な原因、受信側と必ず一致させてください。
FEATURES
主な機能
Base64 エンコード
テキストまたは UTF-8 文字列を Base64 に変換。
Base64 デコード
Base64 を元テキストに復元、多言語文字に対応。
URL エンコード
特殊文字を %XX パーセントエンコード形式に変換。
URL デコード
%XX エンコードを読みやすい文字列に復元。
即時変換
入力変更即出力、ボタンクリック不要。
ローカル安全
Credentials、Token 断片など機密文字列はアップロードされません。
UTF-8 対応
中国語と emoji のエンコード/デコードで欠落なし、Node Buffer 動作と一致。
マルチモード切替
Base64 と URL モード独立、混用による誤結果を回避。
HOW TO USE
使用手順
-
1
元テキストを貼り付け
-
2
Base64 または URL エンコード/デコードを選択
-
3
出力をコピー
-
4
サンプルデータボタンで入出力形式を素早く理解
-
5
結果をクリップボードにコピー、または他 JSONSort ツールと連携
WORKFLOW
典型的なワークフロー
データインポートから結果エクスポートまでの完全フロー。チームでエンコード/デコードの使い方を統一。
エンコード種別を選択
バイナリ/テキスト転送は Base64、URL パラメータは URL エンコード。
原文またはエンコード文字列を入力
header、ログ、Data URL からコピー。
往復検証
エンコード後デコードし、原文と比較して無損失を確認。
下流で使用
結果を HTTP クライアントまたはソースコードにコピー。
USE CASES
適用シーン
フロントエンド開発
Data URL 構築、Base64 画像埋め込みデバッグ、URL パラメータエンコード。
バックエンド開発
クライアント送信 Base64 フィールドが正しくデコードされるか検証。
テストエンジニア
URL エンコード済みテストパラメータを構築、二重エンコード bug を調査。
セキュリティエンジニア
機密 payload をローカルデコード、不可信オンラインツール使用を回避。
フルスタックデバッグ
Basic Authorization header 構築（base64(user:pass)）。
メール開発
MIME base64 添付断片をローカルデコード検証。
TIPS
使用のコツ
- Base64 デコード失敗は通常 padding 不足または不正文字、末尾 = を確認。
- 中国語 Base64 エンコード/デコードはすべて UTF-8、Java standard Base64 デフォルト動作と一致。
- URL デコード時 + 号は query でスペースを表す可能性（application/x-www-form-urlencoded）。
- JWT 中間段 Payload は Base64URL、Base64 デコードで閲覧可能（URL safe 変体に注意）。
- Query ツールと組み合わせ：query パラメータエンコード、または既存 URL デコード分析。
- Data URL 形式 data:text/plain;base64,XXX はプレフィックス除去後デコード。
- JWT 2番目のセグメントは Base64URL、標準 Base64 デコードは大抵使用可能だが - _ 文字に注意。
- encodeURI は : / ? # など URL 構造文字を保持。パラメータ値は encodeURIComponent。
- Data URL は data:*;base64, プレフィックス除去後デコード。
- Query ツールと連携：JSON → query → URL encode 全フローをローカル完了。
LOCAL VS ONLINE
ローカル vs オンラインツール
JSONSort は純フロントエンドアーキテクチャを堅持。以下の比較が、開発データ処理にローカルツールが適している理由を示します。
TROUBLESHOOTING
よくある誤解とトラブルシューティング
実際の使用で起こりやすい問題と推奨対処法。試行錯誤の時間を削減します。
Base64 デコード文字化け
推奨：UTF-16 または誤 charset の可能性。ソースが UTF-8 か確認。
URL デコード後も % が残る
推奨：二重エンコード。再デコードするか二重エンコード箇所を確認。
+ がスペースに
推奨：query で + はスペースを表す。Form エンコードと URL 標準は異なる。
JWT 段デコード失敗
推奨：Base64URL 変体を使用。Bearer プレフィックス除去し payload 段のみデコード。
FAQ
よくある質問
Base64 と Base64URL の違いは？
Base64URL は - _ で + / を置換、JWT は Base64URL 使用。標準 Base64 デコードは大抵互換。
バイナリファイルを処理できる？
テキストモードは文字列向け。バイナリファイルはファイルインポートで Base64 変換を推奨。
URL エンコードはどの標準？
encodeURIComponent セマンティクス、query パラメータ値エンコードに最適。
Base64 末尾に = がなくてもデコードできる？
URL safe Base64 は padding 省略が多い。デコーダーが自動補完。
Node btoa と結果は同じ？
ASCII テキストは一致。中国語は本ツール UTF-8 モード推奨、btoa は追加処理必要。
データはサーバーにアップロードされる？
いいえ。JSONSort のすべてのツールはブラウザ内ローカルで動作し、入力内容はバックエンドサーバーに送信されません。
登録やインストールが必要？
不要です。ページを開くだけで使用でき、アカウント不要、クライアントダウンロード不要、PWA オフラインキャッシュにも対応。
どのくらいのファイルサイズに対応？
ブラウザメモリに依存しますが、通常数 MB 級のデータをスムーズに処理できます。超大ファイルは先に分割するかマージ・クリーンツールをご利用ください。