JavaScript

PC

JavaScript:日付に加算・減算して未来や過去の日付にする【date-fns ライブラリ】

以前に自前で算出しましたが、便利なライブラリがあったのでメモです。日付に関する多くの機能があるので、自作する機会は無くなるのかもしれません。 日数の加算・減算 import { add, sub } from 'date-fns&#...
PC

JavaScript:日付に加算・減算して未来や過去の日付にする

ある日付の数日前、数日後といった日付を得たいことがあったので、そのメモです。 ※ 便利な date-fns ライブラリがあったので、そちらについては別で投稿しました。 日数の加算・減算 getDate の結果に加算・減算して、setDate...
PC

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

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

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

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

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

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

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

.NET Framework の GeoCoordinate クラス を使う 2023/03/11:別投稿を作成しました。 C# など、.NET Framework が使える場合は、GeoCoordinate クラス の GetDistan...
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', { params: { ...
PC

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

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