URLエンコーダー｜リアルタイム
テキストをURLエンコード（パーセントエンコーディング）にリアルタイム変換。コピー対応。
URLエンコーダー｜リアルタイムとは
URLエンコーダーは、テキスト・日本語・特殊文字をURLエンコード（パーセントエンコーディング）にリアルタイム変換する無料オンラインツールです。encodeURIComponent・encodeURI・デコードの3モードを搭載し、クエリ文字列の自動解析やハイライト表示にも対応しています。登録不要・完全無料でご利用いただけます。
使い方
- 1上部のモードバーで「Component」「URI」「Decode」のいずれかを選択します。URLパラメータ値のエンコードには「Component」が推奨です。
- 2左側の入力エリアにエンコードしたいテキスト、または変換したいURLを貼り付けます。
- 3右側の出力エリアにリアルタイムで変換結果が表示されます。下部のハイライトプレビューで%XXシーケンスを視覚的に確認できます。
- 4「コピー」ボタンをクリックして結果をクリップボードへコピーし、必要な場所に貼り付けてください。
メリット・特徴
- リアルタイム変換 — 入力と同時に即座に結果を表示
- 3モード対応 — encodeURIComponent / encodeURI / デコードを1ツールで切り替え可能
- %XXシーケンスのハイライト表示 — エンコード箇所を色分けして視覚的に確認
- クエリ文字列の自動解析 — key=value&key2=value2 形式を表形式でパース
- 日本語・絵文字・記号など全Unicode文字に対応
- 登録・インストール不要 — ブラウザだけですぐ使える
URLエンコードの基礎知識
パーセントエンコーディングとは
URLで使用できる文字はRFC 3986で定められた限られた文字集合のみです。日本語・スペース・記号などはURLに含める際にエンコードが必要です。パーセントエンコーディングは、文字をUTF-8バイト列に変換し、各バイトを「%」+16進数2桁で表現します。
encodeURIComponent が推奨される場面
APIのクエリパラメータ値・フォームデータ・動的に生成するURLの一部分など、URLの「値」として埋め込む文字列には必ずencodeURIComponentを使います。&や=を値内に含む場合でもすべてエンコードされるため、URLの構造を壊しません。
encodeURI が適している場面
すでに構造が整ったURL全体（https://example.com/path?q=hello など）を渡したいときはencodeURIを使います。スキーム・ホスト・パス区切り・クエリ記号などはエンコードせず、日本語やスペースなど安全でない文字のみをエンコードします。
実践的な使い方
APIリクエストへの組み込み方
fetchやXMLHttpRequestでAPIを呼び出す際、日本語を含むパラメータ値はencodeURIComponentで事前にエンコードしてください。例：const url = `/search?q=${encodeURIComponent(keyword)}`;。URLを手動で組み立てる場合はこのツールでエンコード済みの値を確認してからコードに貼り付けると確実です。
クエリ文字列の解析とデバッグ
サーバーログやアクセス解析ツールに記録されたURLには%エンコードされた文字列が含まれることがあります。このツールの「Decode」モードに貼り付けると元のテキストをすぐに確認できます。「クエリ文字列として解析」機能を使えば、複数のパラメータを一覧表示して素早くデバッグできます。
ハイライト表示の活用
出力下部のハイライトプレビューでは、%XXシーケンスを青色で強調表示します。エンコードが必要な文字がどこにあるか、日本語がどのようにバイト列に展開されたかを視覚的に確認するのに役立ちます。長い文字列のデバッグや、エンコード漏れのチェックに活用してください。
よくある質問（FAQ）
- URLエンコードとは何ですか？
- URLエンコード（パーセントエンコーディング）は、URLに使用できない文字（日本語・スペース・記号など）を「%」と16進数2桁の組み合わせで表現する仕組みです。RFC 3986で定義されており、Webブラウザやサーバー間でデータを安全にやり取りするために使用されます。例えば「あ」は%E3%81%82になります。
- encodeURIComponent と encodeURI の違いは何ですか？
- encodeURIComponentはURLの構成文字（: / ? # [ ] @ ! $ & ' ( ) * + , ; =）を含むほぼすべての特殊文字をエンコードします。URLパラメータの値に使います。encodeURIはURL全体を対象とし、URLの構造を保つ文字（/ ? & = # など）はエンコードせずに残します。URLをそのまま渡したいときに使います。
- 日本語はどのようにURLエンコードされますか？
- 日本語はまずUTF-8でバイト列に変換され、各バイトが%XX形式でエンコードされます。例えば「日本語」は%E6%97%A5%E6%9C%AC%E8%AA%9Eになります。このツールはJavaScriptのencodeURIComponent関数を使用しており、すべての文字がUTF-8ベースで正しく処理されます。
- スペースは%20と+のどちらでエンコードされますか？
- URLエンコード（RFC 3986）における標準は%20です。+はHTMLフォームのapplication/x-www-form-urlencoded形式で使われる表記で、厳密にはURLエンコードとは異なります。このツールではすべてのモードで%20を使用します。
- クエリ文字列全体をまとめてエンコードできますか？
- はい。「Component」モードで key=value&key2=value2 のようなクエリ文字列を入力すると、下部に「クエリ文字列として解析」チェックボックスが表示されます。チェックするとキーと値を表形式で一覧表示できます。ただし、クエリ文字列全体をencodeURIComponentでエンコードすると&や=もエンコードされるため、用途に応じてモードを選んでください。
- このツールで安全にデータを処理できますか？
- はい。すべての変換処理はブラウザ内のJavaScriptで完結しており、入力したテキストはサーバーに送信されません。機密情報を含む文字列でも安心してエンコード・デコード作業を行えます。
不具合や動作がおかしい点を見つけたら教えてください。
不具合報告はこちら →