URL Encoding エンコード & デコード

A: URLエンコードと Base64 はどちらも特殊文字を扱いますが、目的が異なります。URLエンコード：1）目的：特殊文字をURLで安全に送信する。2）形式：%XX（例：%20）。3）用途：URLパラメータ、フォーム送信。Base64：1）目的：バイナリデータをテキスト形式に変換する。2）形式：A-Z、a-z、0-9、+、/。3）用途：画像の埋め込み、JWT、メール添付。選択の指針：1）URLパラメータ：URLエンコードを使用。2）バイナリデータ：Base64を使用。3）両方を組み合わせることも可能（例：Base64エンコード後にURLエンコード）。

A: スペースのエンコードはURLの位置によって異なります。%20：1）URLパス部分で使用（例：/path/hello%20world）。2）フラグメント（#以降）で使用。3）encodeURIComponent()はスペースを%20としてエンコードします。+：1）クエリ文字列で使用（?以降、例：?q=hello+world）。2）application/x-www-form-urlencoded形式では+を使用。推奨：encodeURIComponent()を使って統一的に%20としてエンコードしてください。サーバーは+と%20の両方を自動的に処理します。

A: JavaScriptには用途の異なる3つのURLエンコード関数があります。encodeURIComponent()：URIコンポーネント（パラメータ値）をエンコードします。推奨。すべての特殊文字をエンコードします（A-Z、a-z、0-9、-、_、.、~を除く）。encodeURI()：完全なURIをエンコードし、URI構造文字（:、/、?、&など）を保持します。完全なURLのエンコードに適しています。escape()：非推奨。例：
// パラメータ値をエンコード（推奨） encodeURIComponent('こんにちは 世界'); // '%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF%20%E4%B8%96%E7%95%8C' // 完全なURLをエンコード encodeURI('https://example.com/こんにちは'); // 'https://example.com/%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF'
デコード：decodeURIComponent()またはdecodeURI()を使用してください。

A: 非ASCII文字はまずUTF-8バイトに変換され、その後%XX形式でエンコードされます。例：“こんにちは” → UTF-8バイト → URLエンコード：%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF。JavaScript： encodeURIComponent('こんにちは')はUTF-8変換を自動的に処理します。注意：1）異なるエンコーディング（GBKなど）では異なる結果になります。2）サーバーはUTF-8を正しくデコードする必要があります。3）現代のWebアプリケーションは統一してUTF-8エンコーディングを使用しています。

A: はい、URLエンコードはデータサイズを増加させます。増加量は文字の種類によって異なります。ASCII文字：1）英字、数字：エンコードされないのでサイズ変化なし。2）特殊文字（&、=など）：3バイト（%XX）にエンコードされ、200%増加。非ASCII文字：1）UTF-8エンコーディング：文字ごとに1〜4バイト、各バイトが%XX（3バイト）になります。最適化：1）大量のデータ送信にはPOSTリクエストを使用する。2）JSONフォーマットの使用を検討する（URLエンコード不要）。

A: URLエンコードとHTMLエンティティエンコードは異なる場面で使用されます。URLエンコード：1）目的：URLで特殊文字を送信する。2）形式：%XX（例：%20）。3）用途：URLパラメータ、フォーム送信。HTMLエンティティエンコード：1）目的：HTMLで特殊文字を表示する。2）形式：&name;（例：&lt;）または&#number;（例：&#60;）。3）用途：HTMLコンテンツ、属性値。例：< → URLエンコード：%3C、HTMLエンティティ：<または<。