×

注意！页面内容来自https://crft.jetsets.jp/basics/エンコードされた日本語urlをもとに戻す方法/，本站不储存任何内容，为了更好的阅读体验进行在线解析，若有广告出现，请及时反馈。若您觉得侵犯了您的利益，请通知我们进行删除，然后访问 原网页

crftロゴ
photoshop
Adobe illustrator
elementor
camera raw
adobe bridge
Adobe AfterEffects
辞典アイコン
グラフィックデザイン用語辞典

エンコードされた日本語urlをもとに戻す方法

パーセントエンコーディング

エンコードされた日本語urlをもとに戻す方法

urlに日本語が含まれているときの%だらけの文字列

　日本語まじりのurlをコピーしてペーストすると、日本語の部分が%だらけの文字列に変換されてしまいます。

　ブラウザのアドレス入力部分には日本語のまま表示されたりするので概ね不便はありませんが、なんらかの理由でurlをコピーしてメモっておきたいなと思っても、呪文みたいになった文字列ではどれがなんだったかわかるわけないです。

意外にも簡単に日本語のままペースト可能

コンピューターがurlと判断した瞬間に変換する仕組みなので、urlと判断されなければ良い！なので、たとえばこのページのurl
https://crft.jetsets.jp/basics/%e3%82%a8%e3%83%b3%e3%82%b3%e3%83%bc%e3%83%89%e3%81%95%e3%82%8c%e3%81%9f%e6%97%a5%e6%9c%ac%e8%aa%9eurl%e3%82%92%e3%82%82%e3%81%a8%e3%81%ab%e6%88%bb%e3%81%99%e6%96%b9%e6%b3%95/
は
ttps://crft.jetsets.jp/basics/エンコードされた日本語urlをもとに戻す方法/
のように、頭のhを除いてコピーすると日本語のままペーストすることが可能です。

エンコードされた部分に何が書いてあったか知りたい

　例えばクライアントからの資料でエンコード済のリストをもらって、どうしてもそのurlを日本語に変換して見たい。

　一撃でデコードするツールがあります。

　その名もDevToys ！

まさしくツールのおもちゃ箱DevToys

　長男てつろうとの会話の中で色弱のユーザーへのデザインの注意点を指導していたときに、てつろうが見つけたこのツール。搭載されて機能が便利なものばかり、ざっと、

  • Base64エンコーダー・デコーダー
  • Gzipを利用した文字列の圧縮と展開
  • HTMLエンコーダー・デコーダー
  • JSONフォーマッター
  • JSON<>YAML変換
  • JWTデコーダー
  • ダミーテキスト生成
  • Markdownプレビュー
  • PNG/JPG最適化
  • SQLフォーマッター
  • URLエンコーダー・デコーダー
  • UUID生成ツール
  • XMLフォーマッター
  • チェックサム生成
  • ハッシュ生成
  • 画像フォーマット変換
  • 基数変換ツール
  • 色覚異常シミュレーター
  • 正規表現テスター
  • 文字列の検査と変換
  • テキスト比較ツール

　今回のurlではURLエンコーダー・デコーダーを利用します。

　DevToysの入手はMicrosoft Storeでできます。残念ながらMac版はないようです。

DevToysのURLのエンコーダー・デコーダー

URLのエンコーダー・デコーダー

　DevToysを起動すると、左側にツールのリストが表示されるのでその中エンコーダー／デコーダーのURLを選択します。

　入力に文字列を入力して赤枠のスイッチを右にすれば、出力にエンコードされたパーセントエンコーディングされた文字列が表示され、パーセントエンコーディングされた文字列を日本語に戻したい場合は、エンコーディングされた文字列を入力の部分にペーストして、スイッチを左側にして、デコードにします。

URLのデコード

Macに無いのが残念

　こんなに便利なものなぜmacOS用のものが無いのが非常に不思議でしたが、同じように思ってクローン版を作ってしまったスゴイ方を発見しました。

Mac版DevToysがなかったので3日で作って公開した。

Obuchi Yuki / DevToysMac

　こういった天才が日本にもいると思うと大変心強いです！

  • エンコードされた日本語urlをもとに戻す方法の関連リンク
Picture of Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
<> span{
display:inline-block;

} このエントリーをはてなブックマークに追加
  • crftの新しい記事
< id="loop-51426">.elementor-51426 .elementor-element.elementor-element-adc3ab7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-:solid;--border-:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#515151;--border-color:#515151;}.elementor-51426 .elementor-element.elementor-element-f0eb231 img{width:166px;box-shadow:0px 0px 5px 0px rgba(0000.2);}.elementor-51426 .elementor-element.elementor-element-5ad2f48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-51426 .elementor-element.elementor-element-87d8f90 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-51426 .elementor-element.elementor-element-22f29e0 .elementor-icon-list-icon{width:14px;}.elementor-51426 .elementor-element.elementor-element-22f29e0 .elementor-icon-list-icon i{font-size:14px;}.elementor-51426 .elementor-element.elementor-element-22f29e0 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-51426 .elementor-element.elementor-element-22f29e0 .elementor-icon-list-item{font-size:1em;font-weight:500;}@media(max-width:767px){.elementor-51426 .elementor-element.elementor-element-adc3ab7{--flex-wrap:nowrap;}.elementor-51426 .elementor-element.elementor-element-f0eb231 img{width:300px;}.elementor-51426 .elementor-element.elementor-element-87d8f90 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-51426 .elementor-element.elementor-element-22f29e0 .elementor-icon-list-item{line-height:1.5em;}}/* Start custom CSS for post-infoclass: .elementor-element-22f29e0 */.elementor-51426 .elementor-element.elementor-element-22f29e0 a{ font-weight: 500; }/* End custom CSS */
usb-c
USB-Cケーブル完全ガイド-デザイナー向け
縦組み右改行
縦書きなのに右へ改行していく
elementor logo 2026
elementor atomicエディターのカスタムCSS
elementor logo 2026
elementor ver4.x リリース！
ターンテーブル
Illustratorにターンテーブル機能が実装！
jet_ポリゴン
アートワークをアブストラクトに変換するスクリプト
< id="loop-51365">.elementor-51365 .elementor-element.elementor-element-3a75430{--display:flex;--justify-content:space-evenly;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-:solid;--border-:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#BCBCBC;--border-color:#BCBCBC;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-51365 .elementor-element.elementor-element-2513f9a > .elementor-widget-container{background-color:#3F3F3F;margin:0px 0px -40px 0px;padding:0px 10px 0px 10px;border-radius:15px 15px 15px 15px;}.elementor-51365 .elementor-element.elementor-element-2513f9a.elementor-element{--align-self:flex-end;}.elementor-51365 .elementor-element.elementor-element-2513f9a{z-index:1;}.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-icon{width:14px;}.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-icon i{font-size:14px;}.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-text.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-text a{color:var( --e-global-color-accent );}.elementor-51365 .elementor-element.elementor-element-2513f9a .elementor-icon-list-item{font-size:0.6em;font-weight:500;}.elementor-51365 .elementor-element.elementor-element-c044aec > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-51365 .elementor-element.elementor-element-c044aec img{width:100%;box-shadow:0px 0px 10px 0px rgba(0000.3);}.elementor-51365 .elementor-element.elementor-element-299f510 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;border-:none;}.elementor-51365 .elementor-element.elementor-element-299f510 .elementor-heading-title{font-family:"M PLUS 1p"Sans-serif;font-size:1.1em;font-weight:600;line-height:1.6em;}.elementor-51365 .elementor-element.elementor-element-e391c46{--divider-border-:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-51365 .elementor-element.elementor-element-e391c46 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-51365 .elementor-element.elementor-element-e391c46 .elementor-divider-separator{width:100%;}.elementor-51365 .elementor-element.elementor-element-e391c46 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51365 .elementor-element.elementor-element-c981901 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-51365 .elementor-element.elementor-element-c981901{font-size:0.9em;font-weight:500;line-height:1.2em;}.elementor-51365 .elementor-element.elementor-element-5749b67 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-51365 .elementor-element.elementor-element-5749b67{font-size:0.9em;font-weight:500;line-height:1.2em;}.elementor-51365 .elementor-element.elementor-element-21247c8{--divider-border-:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-51365 .elementor-element.elementor-element-21247c8 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-51365 .elementor-element.elementor-element-21247c8 .elementor-divider-separator{width:100%;}.elementor-51365 .elementor-element.elementor-element-21247c8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 15px 15px 0px;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-icon{width:14px;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-icon i{font-size:14px;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-text.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-text a{color:#000000;}.elementor-51365 .elementor-element.elementor-element-b15e6c1 .elementor-icon-list-item{font-family:"M PLUS 1p"Sans-serif;font-size:0.8em;font-weight:500;line-height:1.3em;}/* Start custom CSS for post-infoclass: .elementor-element-2513f9a */.elementor-51365 .elementor-element.elementor-element-2513f9a a{ font-weight: 300; }/* End custom CSS */ /* Start custom CSS for headingclass: .elementor-element-299f510 */.elementor-51365 .elementor-element.elementor-element-299f510 h2{ border-left: 0px; border-bottom: 0px; padding-left:0px; margin-left:0px; }/* End custom CSS */ /* Start custom CSS for post-infoclass: .elementor-element-b15e6c1 */.elementor-51365 .elementor-element.elementor-element-b15e6c1 a { font-weight: 400; }/* End custom CSS */
Xserver紹介
mx4 mouse
今デザイナーが一番欲しいマウス
photoshop
Adobe illustrator
Adobe AfterEffects
adobe bridge
camera raw
elementor
勝手マニュアル進捗 39%