日本語が含まれるURLをコピペして、メールやSNSに貼り付けたら「記号だらけの長文」になってしまった経験はありませんか?
このツールを使えば、URLを安全な形式に変換(エンコード)したり、逆に記号の羅列を元の日本語に戻し(デコード)たり、瞬時に相互変換が可能です。
🔄 URLエンコード/デコードツール
正しい姿勢で集中できるPCスタンド
スポンサーリンク
文字化けトラブルを防ぐ利用シーン
URLエンコードは、Web制作やマーケティングの現場で日常的に発生する処理です。 特に以下のような場面で、このツールが役立ちます。
| SNSシェア用URLの作成 | Twitterなどで日本語URLをシェアする際、そのままではリンクが途切れることがあります。エンコードして「%E3…」の形式にすることで、確実にリンクさせることができます。 |
|---|---|
| アクセス解析の確認 | Googleアナリティクスなどで、検索キーワードや参照元URLが「%E3%81…」のように表示されることがあります。これをデコード(復元)することで、元の日本語を確認できます。 |
| GETパラメータの生成 | システム開発において、APIリクエストのクエリパラメータ(?q=検索語句など)を作成する際、値に含まれる記号やスペースを適切にエスケープ処理するために使用します。 |
機能解説:エンコードとデコードの違い
本ツールは、ブラウザ上でリアルタイムに変換を行います。サーバーにデータを送信しないため、機密情報を含むパラメータの変換も安心して行えます。
- ➡️ エンコード(Encode) 「日本語」や「特殊記号」を、Webブラウザが正しく解釈できる「%」から始まる英数字の羅列に変換します。
例:あ→%E3%81%82 - ⬅️ デコード(Decode) エンコードされた文字列を、人間が読める元の日本語や記号に戻します。
例:%E3%81%82→あ - 🔄 モード切替(スペースの扱い) 用途に応じて、スペース(空白)の変換ルールを選択できます。
・RFC 3986 (URL全体):スペースを%20に変換(推奨)。
・Form (application/x-www-form-urlencoded):スペースを+に変換(古いシステムや検索クエリ向け)。
変換パターン早見表 (UTF-8)
よく使われる文字や記号が、エンコード後にどのような文字列になるかの対照表です。 デバッグ時の確認にご活用ください。
| 元の文字 | エンコード結果 (%xx) | 備考 |
|---|---|---|
| あ (平仮名) | %E3%81%82 | 日本語は3バイト |
| / (スラッシュ) | %2F | パス区切り文字 |
| : (コロン) | %3A | プロトコル区切り等 |
| ? (はてな) | %3F | クエリ開始文字 |
| = (イコール) | %3D | パラメータ代入 |
| & (アンド) | %26 | パラメータ連結 |
| [空白スペース] | %20 | RFC 3986準拠 |
よくある質問 (FAQ)
Q スペースが「%20」ではなく「+」になるのですが?
A. それは「フォーム用(application/x-www-form-urlencoded)」のエンコード方式です。Google検索のURLなどでよく見られます。純粋なURLエンコード(RFC 3986)を行いたい場合は、ツールの設定を「URL全体(%20)」モードに切り替えてください。
Q 「URL全体」と「パラメータ値」の違いは何ですか?
A. 「URL全体」モードは : や / などの、URLの構造を表す重要な記号をエンコードしません(そのまま残します)。一方、「パラメータ値」モードはこれらの記号も含めてすべて変換します。URLの一部として埋め込む値を生成する場合は「パラメータ値」を選択してください。
Q デコードしても文字化けしたままです。
A. 元の文字列の文字コードがShift_JISやEUC-JPである可能性があります。本ツールは現在、Web標準である「UTF-8」のみに対応しています。異なる文字コードでエンコードされた文字列は正しく復元できない場合があります。
開発者のひとりごと
👨💻
「URLのやり取りで相手を困らせないために」
チャットでURLを送った際、日本語部分が途切れてリンクにならず、相手にコピペの手間をかけさせてしまったことはありませんか? そんな「小さな申し訳なさ」を解消したくて、このツールを作りました。
また、開発業務でAPIのクエリパラメータを手動でいじる際にも重宝します。 「+」と「%20」の違いに悩むエンジニアの方にも、サクッと確認用として使っていただければ幸いです。