設定
テキスト入力
Base64結果
Base64 Encoder/Decoder の使い方
🔤 Base64エンコード
テキストをBase64形式にエンコードします。Email添付ファイルやJSON Web Token（JWT）、データURL、HTTP Basic認証など、バイナリデータをテキストとして安全に送信する際の標準的な方式です。日本語やUnicode文字も正確に処理できます。
🔍 Base64デコード
Base64エンコードされた文字列を元のテキストに戻します。Web APIから受信したエンコードデータの内容確認や、設定ファイルに保存されたエンコード値の解読に使用します。エラー時は具体的な問題を表示します。
🌐 URL-Safe Base64
URL内で安全に使用できるBase64形式。標準のBase64で使用される「+」を「-」に、「/」を「_」に置換し、パディング文字「=」を削除します。URLパラメータやファイル名での使用に最適です。
⚡ リアルタイム処理
入力と同時に自動変換が実行されます。300ミリ秒の遅延により、連続入力時のパフォーマンスを最適化。大容量テキストでも安定した処理速度を維持します。
実用的な使用例
🔐 認証・セキュリティ
HTTP Basic認証のユーザー名:パスワードのエンコード、JWT（JSON Web Token）のペイロード確認、API Keyの安全な保存形式への変換。OAuth 2.0やOpenID Connectでの認証情報のエンコード処理にも活用できます。
📧 Email・データ送信
Email添付ファイルのMIMEエンコード、バイナリファイルのテキスト化、CSVやJSONデータの安全な送信形式への変換。メール配信システムやチャットボットでのファイル共有において重要な技術です。
🌐 Web開発
Data URLスキーム（data:image/png;base64,）での画像埋め込み、CSS内でのフォント・画像のインライン化、Webアプリケーションでのバイナリデータ処理。パフォーマンス最適化にも貢献します。
トラブルシューティング・FAQ
Q: デコード時に文字化けが発生します
A: 元のテキストとエンコード時の文字エンコーディングが異なる可能性があります。UTF-8以外でエンコードされたテキストの場合、文字化けが発生することがあります。元データの文字エンコーディングを確認してください。
Q: URL-Safe Base64はいつ使用すべきですか？
A: URLパラメータ、ファイル名、HTTP ヘッダー値として使用する場合にURL-Safe形式を選択してください。一方、Email や JSON での使用時は標準Base64を使用します。
Q: 処理できるデータサイズの上限はありますか？
A: ブラウザの制限により、数MB程度までのテキストを推奨します。非常に大きなデータの場合は、ファイル分割や専用ツールの使用をお勧めします。
技術仕様・実装詳細
🏗️ 実装アルゴリズム
JavaScriptネイティブのbtoa()とatob()関数をベースに、Unicode対応のためのエスケープ処理を実装。RFC 4648に準拠したBase64エンコーディングを提供し、世界標準との互換性を確保しています。
🛡️ セキュリティ機能
すべての処理はクライアントサイドで実行され、入力データがサーバーに送信されることはありません。機密情報の処理にも安心してご利用いただけます。XSS対策も実装済みです。
⚡ パフォーマンス
useCallbackとuseEffectによる最適化により、リアルタイム処理でも高いレスポンス性を実現。デバウンス処理により、連続入力時のCPU負荷を軽減しています。