JavaScript

PC

JavaScript:デバッグで良く使うコードを使い回すには

Chrome の DevTools でデバッグなどをしているとき、頻繁に実行するコードがある場合はスニペットが便利です。 環境 Google Chrome バージョン: 99.0.4844.51 使用例 次の様にデ...
PC

JavaScript:データ(オブジェクト)をディープコピーする

”データ(オブジェクト)”としているのは、 オブジェクトにすると話が広がる( function や getter / setter 等も含むよね)そういったオブジェクトをディープコピーする機会に会ったことがない からです。で、...
PC

JavaScript:Array のメソッドを連続で使う

リストを操作して結果を得るときに、メソッドを繋げて処理する話です。例えば以下の様に filter して map するといった事です。分かっている方はそっと閉じてください。。 const data = [ { id: 1, nam...
PC

経度緯度の2点間の距離を求めるには

.NET Framework の GeoCoordinate クラス を使う C# など、.NET Framework が使える場合は、GeoCoordinate クラス の GetDistanceTo メソッドが便利です。GeoC...
PC

URLSearchParams なら RFC3986 に準拠すると思ったら微妙だった

qs 使えば RFC3986 の予約文字がエンコードされるのは確認できたのですが、今どきのブラウザなら URLSearchParams が使えるらしい。パッケージ無く行けるなら楽ですよね。試しに大丈夫なのか DevTools のコンソール...
PC

RESTful API のパラメータを変えての実行にも DevTools が便利でした

RESTful API のパラメータを変えて実行したいとき、 curl コマンドでゴリゴリ書いて実行するREST Client 拡張機能で VS Code から実行する といったものがありますね。特に REST Client ...
PC

axios でURLパラメータのエンコード処理を変更するには

なぜエンコード処理を変更するのか?→ RFC3986の予約文字が、いくつかエンコードされないから。 ということで、実際に axios で試してみた要求がこちら。 axios.get('/test', { par...
PC

axios で要求/応答のログ出力を共通化するには

予め axios.interceptors.request.use、axios.interceptors.response.use を設定すれば OK です。 import axios from 'axios'; ...
PC

JavaScript で HTML タグを取り除くには

jQuery を使う jQuery が使える環境であれば簡単です。 $(`<div>${"タグを含む文字列"}</div>`).text() とすればタグを取り除けます。なので...
PC

JavaScript のループ内で await したい

いきなりタイトルに反しますが、大抵 ESLint の no-await-in-loop や no-restricted-syntax の対象になるので、並列に処理して問題無い場合は Promise.all を使い、ループ内の await ...
タイトルとURLをコピーしました