
Base64 の仕組み入門 - 3バイトを4文字にする変換と、base64url・btoa の落とし穴
約27分
バイナリをテキストに載せる符号化 Base64 の仕組みを、ブラウザで動くデモ付きで説明します。3バイトを24ビットにまとめて6ビットずつ4文字に置き換える手順、パディング = の規則、サイズが約4/3になる計算、MIME の76文字改行、RFC 4648 の base64url・base32・base16、data URI・HTTP Basic 認証・JWT での使われ方、btoa が日本語で InvalidCharacterError になる理由と ES2026 の Uint8Array.prototype.toBase64、Node.js の Buffer、macOS と GNU の base64 コマンドの違いまでまとめます。