encodeURIComponent / decodeURIComponent 変換ツール
クエリパラメータ(例:q=日本語 の値部分)など、URLの一部分を安全に変換するためのツールです。encodeURIComponent と decodeURIComponent を使用します。
クエリ値(component)向け
encodeURIComponent は & や = などもエンコードします。クエリの「値」だけを安全に変換したいときにおすすめです。
1行=1項目(空行も保持)
※ 変換できない行がある場合は「❌ 変換できません」と表示されます(不正な%エンコード等)。
encodeURIComponent とは?
encodeURIComponent は、URLの一部分(主にクエリの値やパラメータ)を安全にエンコードするための関数です。& や = などの記号もエンコード対象になるため、 文字列をそのままURLに埋め込んだときに起こりやすい「パラメータの崩れ」や「文字化け」を防げます。
たとえば検索URLの q に日本語を入れる場合、q=日本語 を q=%E6%97%A5%E6%9C%AC%E8%AA%9E のように変換してから使うことで、 環境差による不具合を減らせます。本ページのツールは複数行にも対応しているため、 パラメータ値をまとめて変換したいときにも便利です。
使い方
- 入力欄に変換したい文字列を貼り付けます(複数行OK、1行=1項目)。
- エンコード / デコードを切り替えます。
- 結果を確認し、必要なら「コピー」でまとめてコピーできます。
※ クエリ全体(例: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=...)をそのまま入れてもいい?
- 推奨は「値」だけの変換です。クエリ全体をエンコードしてしまうと、
&や=も変換され、パラメータとして解釈されなくなる場合があります。 目的に応じて入力する範囲を調整してください。
関連ツール
※ 本ツールはブラウザ上で動作し、入力内容をサーバーに送信しません(実装によって変わる場合があります)。