URL Encoder/Decoder
Kostenlos und online - URL Encoder und Decoder für Prozent-Kodierung. Konvertieren Sie Sonderzeichen und japanischen Text für URLs. Perfekt für Abfrageparameter und API-Entwicklung. Browser-basiert, keine Registrierung.
エンコードモード
使用例
コンポーネントエンコード
URIエンコード
こんな人におすすめ
- ✓URLクエリパラメータに日本語や特殊文字を含めたいWeb開発者の方
- ✓フォームデータ送信で文字化けを防ぎたいエンジニアの方
- ✓OAuth認証やソーシャルログインのリダイレクトURL構築が必要な方
- ✓RESTful APIのエンドポイント設計で特殊文字を扱う必要がある方
- ✓SNSシェアボタンやmailtoリンク生成で日本語を扱いたいマーケターの方
- ✓URLパラメータの仕組みを理解したい初学者の方
URLエンコード/デコードツールの使い方
- テキストボックスにエンコード/デコードしたいテキストまたはURLを入力します
- 「エンコード」ボタンをクリックすると、特殊文字がパーセントエンコード形式に変換されます
- 「デコード」ボタンをクリックすると、パーセントエンコードされた文字列を元に戻します
- 変換結果は自動的に表示され、コピーボタンでクリップボードにコピーできます
- 複数回エンコード/デコードを繰り返すことも可能です
URLエンコード/デコードツールの活用シーン
URLクエリパラメータの生成
WebアプリケーションやAPI開発において、URLのクエリパラメータに日本語や特殊文字を含める場合、エンコードが必須です。例えば、検索キーワード「東京 観光」をURLに含める際、このツールで「%E6%9D%B1%E4%BA%AC%20%E8%A6%B3%E5%85%89」に変換することで、ブラウザやサーバーが正しく解釈できるURLになります。
フォームデータの送信
HTMLフォームから送信されるデータ(POST/GETリクエスト)は、application/x-www-form-urlencoded形式でエンコードされます。ユーザー入力に含まれる「&」「=」「?」などの予約文字や日本語をエンコードすることで、データが正しくサーバーに送信されます。
OAuthリダイレクトURLの構築
OAuth認証やソーシャルログイン(Google、Facebook、Twitter等)では、リダイレクトURLをパラメータとして渡す必要があります。リダイレクト先URL自体に特殊文字が含まれる場合、二重エンコードが必要になることもあり、このツールで正しくエンコードすることが重要です。
Web APIのエンドポイント設計
RESTful APIのエンドポイントにリソースIDやユーザー名を含める場合、特殊文字が含まれるとエラーになることがあります。例えば、ユーザー名「user@example.com」をパス「/users/user@example.com」に含める場合、「@」をエンコードして「/users/user%40example.com」とする必要があります。
メールリンクやSNSシェアURLの生成
メールの本文や件名をmailtoリンクに含める場合、SNSシェアボタン(Twitter、Facebookなど)でタイトルやURLをパラメータとして渡す場合に、エンコードが必要です。特に日本語や改行、記号を含むテキストを正しく扱うために、このツールが役立ちます。
よくある質問(FAQ)
- Q: URLエンコードとは何ですか?
- A: URLエンコード(パーセントエンコーディング)は、URLに使用できない文字や予約文字を「%」と16進数コードで表現する変換方式です。例えば、空白文字は「%20」、日本語「あ」は「%E3%81%82」のように変換されます。これにより、すべての文字が安全にURLに含められます。
- Q: エンコードが必要な文字は何ですか?
- A: URLでは、予約文字(:、/、?、#、[、]、@、!、$、&、'、(、)、*、+、,、;、=)や非ASCII文字(日本語、絵文字等)、制御文字(空白、改行等)がエンコード対象です。英数字(A-Z、a-z、0-9)と一部の記号(-、_、.、~)はエンコード不要です。
- Q: デコードとは何ですか?
- A: デコードは、エンコードされた文字列(%XX形式)を元の文字に戻す処理です。例えば、「%E6%9D%B1%E4%BA%AC」を「東京」に変換します。Web開発では、サーバー側で受け取ったエンコード済みパラメータをデコードして処理することが一般的です。
- Q: 「+」と「%20」の違いは何ですか?
- A: URLエンコードでは、空白文字を「%20」で表現しますが、フォームデータ(application/x-www-form-urlencoded)では「+」で表現することもあります。このツールでは標準的な「%20」形式を使用します。デコード時は両方に対応しています。
- Q: 二重エンコードとは何ですか?
- A: 既にエンコードされた文字列をさらにエンコードすることです。例えば、「東京」→「%E6%9D%B1%E4%BA%AC」→「%25E6%259D%25B1%25E4%25BA%25AC」のように、「%」自体が「%25」にエンコードされます。OAuth認証などで必要になることがありますが、通常は避けるべきです。
- Q: このツールで画像やファイルをエンコードできますか?
- A: このツールはテキストベースのURLエンコード/デコードに特化しています。画像やバイナリファイルをURL形式で埋め込みたい場合は、Base64エンコードツールを使用してください。Base64はData URLスキーム(data:image/png;base64,...)で画像を直接HTMLに埋め込む際に使われます。
- Q: JavaScriptでURLエンコード/デコードするには?
- A: JavaScriptでは、encodeURIComponent()関数でエンコード、decodeURIComponent()関数でデコードできます。encodeURI()もありますが、こちらはURL全体をエンコードする際に使い、「:」「/」などの一部の文字をエンコードしません。一般的にはencodeURIComponent()の使用を推奨します。
使い方ガイド
ステップ付きの解説記事で詳しい手順と活用例をチェックできます。