URLエンコード/デコード
URLをパーセントエンコーディングで変換・復号。日本語URLにも対応
エンコード方式
詳しく読む — 関連ガイド記事
ガイド記事
HTMLエスケープとXSS対策 — 「<」「>」「&」を安全に扱う
HTMLエスケープが必要な理由と、<script>タグ挿入などXSS攻撃の典型パターン。エスケープすべき5文字と属性値・URL・JavaScript埋め込みでの注意点を解説。
ガイド記事
Base64エンコードとは — 仕組みと使い方をわかりやすく解説
Base64エンコードの仕組みと、メール添付・画像のデータURI・HTTP認証など実際の使い場面を解説。デコードの方法と「暗号化ではない」という重要な誤解も紹介。
ガイド記事
URLエンコードとは — 日本語URLの%記法とパーセントエンコーディングの仕組み
日本語がURLで「%E6%9D%B1%E4%BA%AC」になる仕組みと、RFC 3986の文字制限、encodeURIとencodeURIComponentの使い分け、スペース問題と二重エンコードの罠を解説。
よくある質問
日本語のURLもエンコードできますか?
はい。日本語を含むあらゆるマルチバイト文字をUTF-8ベースでパーセントエンコーディングします。
encodeURIComponentとencodeURIの違いは?
encodeURIComponentはURL全体を文字列として扱い、スラッシュや?なども変換します。クエリパラメータの値を変換するときに使います。encodeURIはURLの構造を維持しつつドメインやパスの特殊文字のみ変換します。
ファイルはサーバーに送信されますか?
いいえ、すべての処理はお使いのブラウザ内で完結します。入力したテキストが外部に送信されることはありません。
どんな用途で使いますか?
APIのクエリパラメータ組み立て、日本語URLのコピー、HTMLフォームのデータ確認など、Web開発で広く使われます。
開発者ツール一覧
すべて見るこのツールについて
使い方
- エンコード方式を選択する(迷ったら「encodeURIComponent(推奨)」)
- 変換したいURL文字列またはテキストをテキストエリアに入力する
- 「エンコード」または「デコード」ボタンをクリックする
- 変換結果が表示されたら「コピー」ボタンでクリップボードにコピーする
このツールの特徴
- ✓2種類のエンコード方式に対応:クエリパラメータ向けの
encodeURIComponentとURL全体向けのencodeURIを使い分けられます - ✓日本語URLに完全対応:「東京」→「%E6%9D%B1%E4%BA%AC」のような日本語のパーセントエンコーディングを正確に処理します
- ✓完全ブラウザ処理:入力テキストはサーバーに送信されません。APIキーやトークンを含むURLも安全に変換できます
- ✓エラー検出:不正なパーセントエンコーディング文字列をデコードしようとした際にエラーメッセージを表示します
こんなときに便利
- •REST APIのクエリパラメータに日本語や特殊文字を含めて送信したいとき(例:
?q=東京+天気→?q=%E6%9D%B1%E4%BA%AC%2B%E5%A4%A9%E6%B0%97) - •ブラウザのアドレスバーに表示された日本語URLを、実際のパーセントエンコード形式に変換して確認したいとき
- •Webサーバーのアクセスログに記録されたパーセントエンコードされたURLを人間が読めるように復元したいとき
- •HTMLフォームから送信されたデータの中でURLエンコードされた文字列の意味を確認したいとき
encodeURIComponentとencodeURIの違い
encodeURIComponent はほぼすべての特殊文字(/ ? & = + : @ # ! など)をエンコードします。URLのクエリパラメータの値として文字列を渡す際に使用します。encodeURI はURLの構造を維持するため、スラッシュ(/)や?・&などはエンコードしません。URL全体を一括エンコードしたい場合に適しています。一般的なWeb開発では encodeURIComponent の方が安全で推奨されます。