メインコンテンツへスキップ
Toolars
探索
バグを報告

開発 · ローカルユーティリティ

URL エンコード / デコード

URL Encoder / Decoder

クエリ値や URI 全体をパーセントエンコードし、厳密にデコード。ブラウザの役割分担に合わせた 4 つのモードを用意している。

タスクの道筋 / 入力から結果へ

適切なモードを選ぶ

ローカルで実行 · アップロードなし

URL エンコード / デコードの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

URL をエンコード・デコードする方法

  1. 01

    適切なモードを選ぶ

    クエリパラメータのような個別の値には「コンポーネントをエンコード」「コンポーネントをデコード」を、完全なアドレスには「URI をエンコード」「URI をデコード」を選びます。4 つのモードはタブバーに並び、フィールドラベルもそれに合わせて変わります。

  2. 02

    値を貼り付ける

    単一の値には「URL コンポーネント」欄を、完全なアドレスには「完全な URI」欄を使います。結果は入力に合わせてリアルタイムで更新され、ペインはモードに合わせて名前が変わるので期待される値がいつでも明確です。「サンプルを読み込む」で予約文字の例と Unicode の例を見られます。

  3. 03

    出力を確認する

    コンポーネントのエンコードには encodeURIComponent を使い、/、?、&、= などの構造区切りをパーセントエンコードします。一方、英数字や !、~、*、アポストロフィ、括弧は残ります。URI のエンコードには encodeURI を使い、:、/、?、#、= などのアドレス構造を保ちながら他の多くの文字をエンコードします。どちらも完全な URL の妥当性は検査しません。非 ASCII 文字は UTF-8 のパーセント表記に、空白は %20 になります。

  4. 04

    「入れ替え」で往復する

    「入れ替え」は出力を逆方向のモードが選ばれた入力へ移すので、パラメータをエンコードし、入れ替えて、もう一度デコードすれば、値が書いたとおりに往復することを確認できます。

  5. 05

    コピーまたはダウンロードする

    「結果をコピー」で出力をクリップボードへ、「.txt をダウンロード」で toolars-url-value.txt として保存します。終わったら「クリア」で両ペインを空にします。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

URL エンコード / デコード は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

URL エンコード / デコード が実際に行うこと

共有リンクでは、スペースと & を含む検索語を 1 つのクエリパラメータに収める必要があります。リダイレクトのログはパーセントエスケープの壁で実際のアドレスが見えません。UTM タグ付きのニュースレター URL は、エンコードされなかった 1 つの値のせいで壊れました。URL エンコード / デコードはタブ内で変換します。4 つのモードは、ブラウザがこの仕事を実際に分担するやり方に対応しています。社内リンクも未公開のキャンペーンパラメータもデバイスの外に出ず、厳格なデコーダーは推測せず、どのエスケープが壊れているかを正確に教えます。

よくある質問

コンポーネントモードと URI モードの違いは何ですか?
単一のクエリ値などにはコンポーネントモードを使います。a&b は & がエンコードされて a%26b になります。URI モードはアドレス中の :、/、?、#、= などを残します。これは JavaScript の encodeURIComponent と encodeURI であり、URL 検証ではありません。コンポーネントモードでも !、~、*、アポストロフィ、括弧は残ります。対応するモードでデコードしてください。
「コンポーネントをエンコード」でそのまま残る文字は?
英字、数字、そしてハイフン、アンダースコア、ピリオド、! ~ * ' ( ) などの少数の記号はそのまま残ります。スペース、スラッシュ、アンパサンド、イコールを含むそれ以外の文字はすべてパーセントエスケープになります。これはクエリ文字列の値に必要な変換そのものです。
非 ASCII 文字はどう処理されますか?
UTF-8 のパーセントエスケープにエンコードされます。たとえば 你好 は %E4%BD%A0%E5%A5%BD になり、アクセント付き文字も UTF-8 のバイト列になります。これはアドレスバーにそうしたアドレスを入力したときにブラウザが適用するのと同じエンコードです。デコードはその逆を行い、有効なテキストにならないバイト列を拒否します。
「値に不完全または無効なパーセントエスケープが含まれています」と出るのはなぜですか?
デコードはブラウザの厳格なルールに従います。% の後には 16 進数字が 2 桁必要で、得られたバイト列は有効なテキストでなければなりません。行き場のない末尾の %、%zz のような並び、途切れたマルチバイトエスケープは、でたらめな推測を返す代わりにこのメッセージで拒否されます。
エンコードされていない値をデコードするとどうなりますか?
パーセントエスケープを含まないプレーンテキストはそのまま通過するので、どんな値でも安心してデコードを試せます。エラーが出るのは、% が始めるエスケープシーケンスが不完全または無効な場合だけです。
貼り付けた値はどこかにアップロードされますか?
いいえ。4 つのモードはすべて現在のブラウザタブ内だけで実行され、入力が送信・保持されることはなく、アカウントも不要です。

開発者ツールを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

コード → 画像変換

Code to Image Converter

6 言語のコードをシンタックスハイライト付きで PNG・SVG に書き出し。ライト/ダークテーマ、行番号、タイトル、1x/2x に対応。

作成

URL スラッグジェネレーター

URL Slug Generator

タイトルを入力しながらクリーンな URL スラッグへ変換。アクセントは除去、& は展開、非ラテン文字は保持、区切りは選択。

作成

React Native シャドウジェネレーター

React Native Shadow Generator

React Native の旧 shadow プロパティと boxShadow を iOS・Android で並べて比較・調整し、StyleSheet コードをコピー。

作成

Base64 エンコード / デコード

Base64 Encoder/Decoder

Unicode テキストのエンコードや Base64 のデコードをローカルで行います。URL セーフ値にも対応。

変換