Base64・URLエンコードを整える。

エンコードのポイント・4つ

「読めない形」にするのと「秘密にする」のは別。

1. 1

   Base64 は「3バイトを4文字」に詰め替える

   バイト列を A–Z a–z 0–9 + / の64種類だけで表す方式です。3バイトごとに4文字へ。端数のときは末尾に =（パディング）が付きます（残り2バイトなら = 1個、1バイトなら == 2個）。メール添付や画像のテキスト埋め込みなど、バイナリを文字として運ぶのが本来の用途です。

2. 2

   Base64URL は URL・ファイル名で安全な変種

   標準 Base64 の + と / は URL で別の意味を持つため、+→-、/→_ に置き換え、末尾の = も省きます。JWT（トークン）や URL のクエリ、ファイル名でよく使われます。デコード時は逆変換し、長さを4の倍数に戻してから復号します。

3. 3

   URLエンコードは encodeURIComponent と encodeURI で別物

   クエリの「値」1つを安全にするなら encodeURIComponent。区切り記号 / ? : @ & = + $ , # も含めてエスケープします（例：a b&c→a%20b%26c）。一方、URL全体を渡すなら encodeURI。区切りは壊さず、スペースなどだけ直します（a b&c→a%20b&c）。迷ったらクエリの値には encodeURIComponent。

4. 4

   日本語・絵文字は UTF-8 として扱います

   「こんにちは」や 😀 のようなマルチバイト文字も、まず UTF-8 のバイト列にしてから変換するので文字化けしません（こんにちは の Base64 は 44GT44KT44Gr44Gh44Gv）。デコード時に並びが壊れていると、無言で文字化けさせずエラー表示します。貼り付けた Base64 に含まれる空白・改行は自動で無視します。

🔒 変換はすべてあなたのブラウザの中（JavaScript の TextEncoder / btoa / atob / encodeURIComponent など）で完結します。入力した文字はサーバに送られません（送信ゼロ）。