Tooler

encodeURIComponent / decodeURIComponent 変換ツール

クエリパラメータ(例:q=日本語 の値部分)など、URLの一部分を安全に変換するためのツールです。encodeURIComponentdecodeURIComponent を使用します。

クエリ値(component)向け

encodeURIComponent は & や = などもエンコードします。クエリの「値」だけを安全に変換したいときにおすすめです。

1行=1項目(空行も保持)
※ 変換できない行がある場合は「❌ 変換できません」と表示されます(不正な%エンコード等)。

encodeURIComponent とは?

encodeURIComponent は、URLの一部分(主にクエリの値やパラメータ)を安全にエンコードするための関数です。&= などの記号もエンコード対象になるため、 文字列をそのままURLに埋め込んだときに起こりやすい「パラメータの崩れ」や「文字化け」を防げます。

たとえば検索URLの q に日本語を入れる場合、q=日本語q=%E6%97%A5%E6%9C%AC%E8%AA%9E のように変換してから使うことで、 環境差による不具合を減らせます。本ページのツールは複数行にも対応しているため、 パラメータ値をまとめて変換したいときにも便利です。

使い方

  1. 入力欄に変換したい文字列を貼り付けます(複数行OK、1行=1項目)。
  2. エンコード / デコードを切り替えます。
  3. 結果を確認し、必要なら「コピー」でまとめてコピーできます。

※ クエリ全体(例:q=日本語&page=1)ではなく、基本は「値」部分(例:日本語)の変換に向いています。

よくある質問

Q. encodeURI と encodeURIComponent の違いは?
encodeURI はURL全体向けで、/? などの区切り文字を基本的に残します。encodeURIComponent&= もエンコードするため、 クエリの「値」などURLの一部分を安全に変換したいときに適しています。
Q. どの場面で component を使う?
https://example.com/search?q=日本語 のようなURLで、q の値(日本語)部分をエンコードしたいときに使います。 例:日本語%E6%97%A5%E6%9C%AC%E8%AA%9E
Q. デコードで「変換できません」になるのはなぜ?
% を含む文字列が不正な形式(例:%の後に16進数が続かない等)の場合、 デコード処理が失敗することがあります。元の値を確認するか、正しいエンコード文字列を入力してください。
Q. クエリ全体(q=...&page=...)をそのまま入れてもいい?
推奨は「値」だけの変換です。クエリ全体をエンコードしてしまうと、&= も変換され、パラメータとして解釈されなくなる場合があります。 目的に応じて入力する範囲を調整してください。

関連ツール

※ 本ツールはブラウザ上で動作し、入力内容をサーバーに送信しません(実装によって変わる場合があります)。