JavaScript

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

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

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

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

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

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

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

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

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

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

JavaScript：データ（オブジェクト）をディープコピーする

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

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

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

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

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

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

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

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

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

次のページ

1 2