メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
開発・コード変換
/
URL コンポーネントエンコード
{}
URL コンポーネントエンコード
dev/url-component-encode
encodeURIComponentでクエリ値やパス部品向けにURLコンポーネントをパーセントエンコードする。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
URL コンポーネントエンコードでは、encodeURIComponentでクエリ値やパス部品向けにURLコンポーネントをパーセントエンコードする。
関連する観点として URL encode、component、URL コンポーネントエンコード を確認し、結果をコピーして別の作業に使えます。
入力
結果
コピー
使い方
入力欄にクエリパラメータ値やパスセグメントとして使いたい文字列を入れます。
結果欄で `encodeURIComponent` の変換結果を確認します。
URL全体ではなく、値や部品だけを対象にしているか確認します。
全ASCIIまで%化したい検査用途では text-to-percent-encoding と出力を比較します。
入力例・出力例
INPUT
a/b?x=猫&y=1 2
OUTPUT
a%2Fb%3Fx%3D%E7%8C%AB%26y%3D1%202
構造文字も値の一部としてエンコードされます。
INPUT
AZ-_.!~*'()
OUTPUT
AZ-_.!~*'()
encodeURIComponentで保持される文字は変化しません。
よくある利用シーン
検索語やIDをクエリパラメータ値としてURLへ埋め込む前に変換したいとき。
スラッシュを含む文字列を1つのURL部品として扱いたいとき。
全バイト%化ではなく、JavaScript標準APIと一致する出力を確認したいとき。
結果確認のポイント
構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
URL encode、component、URL コンポーネントエンコードの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
URL コンポーネントエンコードの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
encodeURIComponent と encodeURI の違いは何ですか?
encodeURIComponent は / ? & = # : @ などURLの構造文字も含めてすべてパーセントエンコードします。一方 encodeURI はURL全体を対象とするため、URLの構造として有効な / ? & = などはエンコードしません。クエリパラメータの値や検索キーワードをエンコードする際は encodeURIComponent が適切です。
日本語や記号はどのようにエンコードされますか?
日本語文字はUTF-8のバイト列に変換され、各バイトが %XX 形式にエンコードされます。例えば「あ」は UTF-8 で 3バイト(E3 81 82)なので %E3%81%82 になります。スペースは %20、@ は %40 のようにエンコードされます。
エンコードしなくてよい文字はありますか?
アルファベット(A-Z, a-z)、数字(0-9)、および - _ . ! ~ * ' ( ) の9文字は encodeURIComponent でもエンコードされず、そのまま維持されます。これらはRFC 3986で「非予約文字」と定義されており、URLに安全に含められます。
関連ツール
JSON整形ツール
JSONの整形(Pretty Print)・圧縮・バリデーション・ツリービュー表示。構文エラーの位置表示、YAML変換にも対応。
正規表現テスター
正規表現のリアルタイムテスト。マッチ箇所のハイライト、グループキャプチャ表示、よく使うパターンのチートシート付き。
CSV→JSON変換
CSVファイル・テキストをJSON形式に変換。配列/オブジェクト形式の選択、ヘッダー行の自動認識にも対応。
JSON→CSV変換
JSONデータをCSV形式に変換。配列やネストしたJSONにも対応。
UUID生成ツール
UUID v4をワンクリックで生成。ハイフンなし、大文字、小文字など各種フォーマット対応。一括100個まで生成可能。
タイムスタンプ変換
UNIXタイムスタンプと人間が読める日時形式を相互変換。秒・ミリ秒に対応(マイクロ秒・ナノ秒は非対応)。ログ解析やAPI開発のデバッグに。
ASCIIコード表
ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。
アクセシビリティチェックリスト
Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する。