# URLエンコードとは何か

URL に使うことができない文字列を含む時対応する文字に変換すること。

日本語が含まれる URL では、パーセントエンコーディングによって日本語から % と半角英数字の組み合わせに置き換えている。

このページも、次のように変換されている。
```
https://tips.weseek.co.jp/URL%E3%82%A8%E3%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%8B
```

パーセントエンコーディングの他に MIMEのContent-Typeがapplication/x-www-form-urlencodedで指定される符号化方法を使用したエンコードも存在する。

## encodeURI() と encodeURIComponent() の違い

encodeURI()では
`A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #` 以外の文字をエスケープする。

一方で encodeURIComponent() だと `A-Z a-z 0-9 - _ . ! ~ * ' ( )` をエスケープする。

クエリに対して`&`を用いる場合は encodeURIComponent() を用いて `%26` にエスケープする。  
そうでなければ `&` が新しいフィールドの始まりとしてサーバー上で解釈されてしまう。

## 参考

- https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/encodeURI

---

## Page Navigation

- Canonical URL: https://tips.weseek.co.jp/URLエンコードとは何か
- Permalink: https://tips.weseek.co.jp/5ec1158a98091d00481e2b5d
- Parent: [/](/5e37dfdaf1262a0048012d51.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 14 total
  - [GROWI](/5e393927e848c600487d6a01.md)
  - [Linuxでエイリアスを設定する方法](/5f7db291661a570048d6ed48.md)
  - [Macでnodeのバージョン切り替えnodebrew の使い方](/5f7d919b661a570048d6ed45.md)
  - [SLOとSLA](/5e5530aaf5678a00487dbf8d.md)
  - [Sandbox](/5e37dfdaf1262a0048012d50.md)
  - [Sass](/5e39859be848c600487d6a32.md)
  - [Sidebar](/696dabca3ac594bd1e386830.md)
  - [Tips](/5e44f1546857420048c06de8.md)
  - [WSもくもく会](/5f000f8529b73000484dddad.md)
  - [user](/65069da24603e7ff39a6b3d1.md)
  - [ユーザー名&メールアドレスを変更した際の注意点](/5f75b9d1260d9b0049be197f.md)
  - [今日のレビューから](/5e38deb8e848c600487d69a0.md)
  - [用語集](/5e392c4be848c600487d69c9.md)
  - [開発日記](/5e3d294bcff797004b16abba.md)
- Last updated: 2020-05-17T11:57:47.248Z by deleted_at_1672138397219
- Full page listing (all children regardless of count): https://tips.weseek.co.jp/_api/v3/page-listing/children?id=5ec1158a98091d00481e2b5d