[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った

[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。 たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が

[takezaki]

“せっかく実行環境にビルトインされててよくテストされたURLとURLSearchParamsというAPIがあるので、ぜひこれを使いましょう。”

[nmcli]

結果的に URLSearchParams がいかに良く出来てるかを説くエントリになってる。

[gyochan]

「いちいちクエリパラメーターを連結・分割するのめんどくさいな、ということはなんかいいAPIあるなコレ」と直感で調べてすぐURLSearchParamsにたどり着けた俺GJ

[poponponpon]

いちいち.get()とかしたくないよobjectでくれよ…、ってときはObject.fromEntries(searchParams.entries()) するとよい

[infobloga]

ほぼ知ってたし、実際に使ってるけど、一番基本っぽい new URL(pathname, base)（相対パスの解決）を知らなかった。こういう記事ありがたい。基本大事。

[namisk]

なんだ、すごく普通の話だった。

[efcl]

`URL`や`URLSearchParams`の使い方についてまとめてチートシートの紹介記事 https://github.com/azu/url-cheatsheet

[kuracom]

URL APIとURLSearchParams API ありがたい

[xlc]

クラスURLってlocationの表現と同じヤツだよね。JavaScriptってセンスないな、と思ったけど。実際、ユーザの入力を「ファイル名」にすることはあってもURLにすることはしないからねえ。

[kazuya030]

URLを扱うこと多いので覚えておきたい

[moromoro]

最近これでトラブった

[Lhankor_Mhy]

わかる。/ jsprimerの中の人なのか！

[syuu256]

URLSearchParams

[kokoroyasuda]

、

[Phenomenon]

はいそうですね…

[cpw]

よく忘れるやつ

[Andrion]

URLのパースは正規表現でやってたわ。こんなのあったのか。直しとこ。

[tockri]

URLSearchParamsとFormDataはfetchにbodyとしてそのまま渡せば勝手にcontent-typeもいい感じにしてくれるしいいよね

[mizdra]

"せっかく実行環境にビルトインされててよくテストされたURLとURLSearchParamsというAPIがあるので、ぜひこれを使いましょう。"

[tettekete37564]

え、JS って URL/URI オブジェクトとかないの？と思ったらあったでござる。外からやってきた値は汚染されている前提で扱わないとダメよ

[door-s-dev]

あー、これはちょっとしたやつだとやってしまってるかもな。気をつけよう

[hogashi]

URL APIがIEになくてaタグを作って代用していたけどもうURLでよさそう / URLSearchParams 便利そう