JavaScript

PC

JavaScript:テキストをデータ URL にしてダウンロード

以前やった URL.createObjectURL で良いと思いますが、直接作っちゃっても行けたのでメモ。<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <title...
PC

JavaScript:文字列の先頭と末尾にある指定の文字を削除する

String.prototype.trim() は対象が空白文字ですが、他の文字を指定したかったときのサンプルです。/** * 文字列の先頭と末尾から指定した文字を削除 * @param {string} str - 対象の文字列 * @p...
PC

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

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

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

.NET Framework の GeoCoordinate クラス を使う2023/03/11:別投稿を作成しました。C# など、.NET Framework が使える場合は、GeoCoordinate クラス の GetDistance...
PC

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

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

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

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