URLエンコード / デコード
URLのエンコード、デコード、解析、クエリパラメータ付きURLの構築をすべてブラウザ内で実行。
このツールについて
URLエンコード / デコードツールは、パーセントエンコードされたURLを
扱う開発者を支援します。URLエンコーディング(パーセントエンコーディングとも
呼ばれる)は、安全でない文字を%HHエスケープシーケンスに置き換えることで、
URL、クエリ文字列、フォームデータで安全に送信できるようにします。URL内の
バイナリデータについては、URLセーフバリアントでの
Base64エンコーディング
をご検討ください。
このツールは4つのモードを提供します。エンコードはプレーンテキストを URL安全な文字列に変換します。デコードはその逆の処理を行います。 解析はフルURLをコンポーネント(プロトコル、ホスト、ポート、パス、 クエリパラメータ、フラグメント)に分解して各部分を検査できます。 構築はベースアドレスとキーバリューのクエリパラメータリストから URLを作成できます。
コンポーネントエンコーディング(encodeURIComponent)と
フルURLエンコーディング(encodeURI)を選択できます。
コンポーネントエンコーディングはより厳格で、/、?、&などの
文字もエンコードするため、個別のクエリパラメータ値に適しています。
フルURLエンコーディングはURL構造をそのまま残し、URIで有効でない
文字のみをエンコードします。
すべてはネイティブのencodeURI、encodeURIComponent、URL APIを
使用してブラウザ内でクライアントサイドで実行されます。データはサーバーに
送信されないため、トークン、APIキー、その他の機密パラメータを含むURLでも
安全に使用できます。URLパターンをプログラマティックに検証するには、
正規表現テスター
で
URLマッチングパターン
をお試しください。
使い方
- タブからモードを選択します:エンコード、デコード、解析、構築。
- エンコード/デコードモードではテキストを貼り付けると即座に結果が表示されます。コンポーネントを切り替えて
encodeURIComponentとencodeURIを切り替えます。 - 解析モードではフルURLを貼り付けて、プロトコル、ホスト、パス、クエリパラメータ、フラグメントを確認します。
- 構築モードではベースURLを入力し、キーバリューペアを追加します。入力に応じて生成されたURLがリアルタイムで更新されます。
- コピーをクリックするかCtrl+Shift+Cを押して出力をコピーします。
このツールについて
よくある質問
encodeURIとencodeURIComponentの違いは何ですか?
encodeURIはフルURIをエンコードし、/、?、#などの構造的な文字はそのまま残します。encodeURIComponentは予約されていない文字以外のすべてをエンコードするため、個別のクエリ値やパスセグメントに適しています。
データは安全ですか?
はい。すべてのエンコードとデコードはネイティブJavaScript APIを使用してブラウザ内で行われます。サーバーには何も送信されません。
なぜテキストをURLエンコードする必要があるのですか?
URLには限られたASCII文字セットのみが含められます。特殊文字(スペース、Unicode、&、=など)はURL構造を壊したり、サーバーに誤って解釈されたりしないよう、パーセントエンコードする必要があります。
フラグメントやポートを含むURLを解析できますか?
はい。解析モードはブラウザの組み込みURLコンストラクタを使用し、ポート、フラグメント(#)、ユーザー名、すべての標準URLコンポーネントを正しく処理します。
クエリ文字列ビルダーはどのように機能しますか?
ベースURLを入力してキーバリューペアを追加します。ツールはURLSearchParamsを使用して各パラメータを適切にエンコードしてURLに追加します。結果は入力に応じてリアルタイムで更新されます。
関連ツール
Base64エンコード/デコード
ドラッグ&ドロップ対応でBase64文字列やファイルをエンコード・デコードします。
文字列エスケープ/アンエスケープ
JSON、JavaScript、HTML、URL、SQL、CSV形式の文字列をエスケープ・アンエスケープします。
ハッシュ生成ツール
テキストやファイルのMD5、SHA-1、SHA-256、SHA-512ハッシュを生成します。
メタタグ生成ツール
HTMLメタタグ、Open Graph、Twitter Cardタグをライブプレビュー付きで生成します。
HTTPメソッドリファレンス
GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONSなどの詳細仕様を網羅したインタラクティブなHTTPメソッドリファレンス。
AWS S3 URLパーサー
AWS S3 URLをバケット、キー、リージョン、URLスタイルに分解します。コンポーネントからS3 URLを構築することも可能。
ポート番号リファレンス
100以上のウェルノウン、登録済み、動的TCP/UDPポート番号をサービス名とプロトコル詳細付きで検索・閲覧。
URLパーサー&ビルダー
URLをコンポーネントに分解、またはパーツからURLを構築します。プロトコル、ホスト名、パス、クエリパラメータを抽出。
Data URLジェネレーター
ファイルやテキストからData URIを生成、既存のData URIをデコード、CSS/HTML/Markdownスニペットを即座に取得。