うるう日にしか発生しないバグ
昨日うるう日にしか発生しないバグに遭遇した。Javascriptを書く人には有名な話だとは思うので大して面白くはないかもしれないが一応メモ。 詳しくは書けないがバグが発生した関数の仕様としてはざっくりと下記のような感じ。 対象の年月日が基準日の1年前から1年後の間に含まれる場合はtrueを返しそうでない場合はfalseを返す 引数として2020-12-24というフォーマットの文字列が渡される(判定対象の日) 引数として2021-01-01というフォーマットの文字列が渡される(+-1年の基準日) Javascriptで書く (例) 対象の日: 2024/10/10 基準日: 2024/01/28 この時、trueになる範囲は2023/01/28 ~ 2025/01/28。なので2024/10/10はtrue。2023/01/28も2025/01/28もtrueになる。閉区間。 とあるコードの
【JavaScript】dayjsでの日付処理まとめ
コードをローカルで確認する場合、CDN を読み込むため VSCode の拡張機能 Live Serverなどを導入し、localhost を立てれるようにしてください。 GitHub dayjs vs moment.js 最初に少しだけ小話を。 dayjs と並んでよく使われているライブラリとして moment.js が挙げられます。 なんとなく dayjs が一強になっているのかなと思ってたのですが、実際は両者どのくらいの利用差があるのか npx trends で確認してみました。 結果、どうやらまだ moment.js の方が利用率は高いようです。 しかし、dayjs も 6 年間という歴史の差をひっくり返す勢いで利用されておりトレンドとしてはやはり dayjs に向いてきているのかなと思いました。 どちらを使うかは機能面など状況によりけりだとは思いますが、両者を比較をすると以下の差が
JavaScript dayjsはMoment.jsの代替になるか? | nansystem
JavaScriptの日付操作には罠が多く、業務では日付操作を簡単かつ安全に操作するライブラリが使われる。日付操作のライブラリの中でもMoment.js (opens new window)(Star数40,601)はよく知られているが、ファイルサイズが大きくパフォーマンス改善の妨げになることがある。 そこでこの記事ではより軽量でMoment.jsの代替となるdayjs (opens new window)(Star数19,872)を紹介する。 # dayjsとは dayjsとは、日付操作を簡単にするJavaScriptのライブラリだ。Moment.jsのAPIと広く互換があり、gzip圧縮されたサイズは2.71KBと軽量なのが特徴だ。 # インストール dayjsが十分Moment.jsの代わりになり得るのか確認していく。 まずはインストールして、業務で使われる日付操作をみていく。
Moment.js → Day.js の移行は全置換じゃだめ。イミュータブルですので - Qiita
タイトルで言いたいことがわかった人は読む必要のない話です。 サマリ Day.js は JavaScript の軽量な日付操作ライブラリで、Moment.js のAPIと互換性があるため、Moment.jsからの移行先として候補にあがることが多いです。 Moment.js との大きな違いとして、単体で Locale の情報を含んでおらず、プラグインを追加して利用する必要があります。 これについてはこの記事では割愛します。 もうひとつ、Day.js は Moment.js と違って immutable（不変オブジェクト） であるという特徴を持ちます。 個人的にこれは Moment.js と比べて優れた点であると思いますが、移行の際は気をつけないと、発覚の遅れるバグを生む危険性があります。 日本語の紹介記事をざっとググった限り、この点にちゃんと言及している記事が見つからず、誰かが不幸になりそうな
moment.js の Day.js 移行｜dinii（ダイニー）公式
こんにちは、業務委託エンジニアの井手です。3 ヶ月ほどかけて moment.js を Day.js へと完全移行したのでその舞台裏やノウハウ、教訓についてお話ししようと思います。 なぜ moment.js を Day.js へ移行するのかmoment.js はリッチな format や parse を持たない JavaScript の Date 型を補完してくれるライブラリの先駆者として長年活躍していましたが、公式 HP に Considering using Moment in your project? There may be better modern alternatives. For more details and recommendations, please see Project Status in the docs. https://momentjs.com/とある通
Day.jsの使い方・まとめ
Day.js の使い方・まとめ Moment.jsが非推奨なので、日付操作系のライブラリは、構文が似ており人気の高いDay.jsを採用。 1. Day.jsのインストール
Moment.jsは非推奨だが安易にdate-fnsに変えるな。date-fnsのisValidではparseを活用せよ
問題点 面倒な日付処理をやってくれるMoment.jsですが、mutable設計が混乱を招くとして、今後は非推奨と発表しています。immutableに変更する作業も実施しないとのこと。 https://momentjs.com/guides/#/lib-concepts/mutability/ The moment object in Moment.js is mutable. This means that operations like add, subtract, or set change the original moment object. var a = moment('2016-01-01'); var b = a.add(1, 'week'); a.format(); "2016-01-08T00:00:00-06:00" // aも変更されてしまう。a.clone().
Moment.js の代わりとしての date-fns とは - Qiita
import { format, formatDistance, formatRelative, subDays } from 'date-fns' format(new Date(), "'Today is a' iiii") //=> "Today is a Sunday" formatDistance(subDays(new Date(), 3), new Date()) //=> "3 days ago" formatRelative(subDays(new Date(), 3), new Date()) //=> "last Friday at 7:26 p.m." format, formatDistance, formatRelative, subDays などの関数を import してそのまま使うだけですね。 加算 https://date-fns.org/v2.15.0
非推奨となったMoment.jsから移行を終えた話
こんにちは、スターフェスティバル株式会社 エンジニアのsoriです。 今回は1つのサービス内のアプリケーションで使われている日時操作ライブラリMoment.jsを移行した際に気をつけたことなどをお話しします。 なぜ移行したのか Moment.jsは、2020年後半に「今後新機能の開発をせず、新規プロジェクトでの使用を推奨しない」旨アナウンス[1]がありました。 アナウンスとしては、Moment.jsがmutableなAPIを使用しており、immutableなものに変更するためには大きな破壊的な変更が必要になること、 また、バンドルサイズが大きいなどの問題があることが挙げられています。 個人的に使用していた感触としては、枯れたライブラリであり気軽に利用できるものであるのは確かなものの、仕様が緩い点[2]などが見受けられ、堅牢なコーディングを行うことにも障害があるように感じられました。 とはい
日付を扱うJavascriptライブラリmoment.jsの使い方
今回はJavascriptライブラリのmoment.jsのご紹介です。⇒詳しくは公式サイトにてご確認ください 現在のバージョンは2.12.0です。2016年4月現在 日付を取り扱うアプリケーションを使う場合は必須ですね、あまり使わない場合はdate関数を使っても良いのですが、日付の計算や今日が何曜日とか今年は閏年なのかとかこの日付は期間中の値なのかなど時間や日に関することならこのライブラリーに任せてしまいましょう。 カレンダーとか作る際にも役立ちそうですね。 それでは早速見ていきましょう。 インストール方法ですがサイトからダウンロードして使うかnpmやbowerなど使っても良いです。 moment.min.jsの方が軽くて良いのですがローカライズ版のmoment-with-locales.jsを使ってみます。英語出力以外に日本語環境が入っています。フランス語やイタリア語など他の言語も入って
[JavaScript]Date.parseの挙動の違いをブラウザ毎に調べてみた - Qiita
下記の調査対象の日付を確認し、返り値がNaNではない場合、返り値をもとに日付を作成してDate.parseの引数とどのような違いがあるか確認します。 調査対象の日付 存在する日付(2023年2月10日) 存在しない日付(2023年2月99日) 特定の月には存在しない日付(2023年2月31日) 閏日(2024年2月29日) 調査対象のブラウザはそれぞれ使われているJSエンジンが異なる、Chrome、Safari、Firefoxを対象とします。 存在する日付の場合(2023年2月9日) // Chromeの場合 console.log(Date.parse('2023-02-09T00:00:00.000+0900')) // 1675868400000 console.log(new Date(1675868400000)) // Thu Feb 09 2023 00:00:00 GMT+
![[JavaScript]Date.parseの挙動の違いをブラウザ毎に調べてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb2d9eff304791ec6130c698d1779531e20d36d5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RERhdGUucGFyc2UlRTMlODElQUUlRTYlOEMlOTklRTUlOEIlOTUlRTMlODElQUUlRTklODElOTUlRTMlODElODQlRTMlODIlOTIlRTMlODMlOTYlRTMlODMlQTklRTMlODIlQTYlRTMlODIlQjYlRTYlQUYlOEUlRTMlODElQUIlRTglQUElQkYlRTMlODElQjklRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWI5ZTIxOWRlY2I1MTExMTNlYWMzM2M1ODgzYzIyNzY1%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwVGFpS2FpX3NhbXVpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05YmQwM2M2NTBlYjAzNzY3YjRhN2I3MTRiMjg4ZWRiMQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0b2ad0f0572433325b2fd42ac12bcbf4)
[GAS][JS] Momentライブラリのdiffでの日付差分 - Qiita
(追記 2020/09/19) Moment.js の開発が終了したようです。 ↓ ここ参照 https://momentjs.com/docs/ 今すぐライブラリが使えなくなることは無いと思いますが、この先、積極的にこのライブラリを選択するかどうかは考えものですね。 あと、GAS版のライブラリがどうなるのか、については情報が見つかりませんでした。(どなたか知ってたら教えてほしい) GASで話をしますが、Javascriptでも同じです。 GAS版 MomentライブラリのIDは下記です。 やりたかったこと こんな表を作って、毎朝8時台にGASが起動して、「締め切りまであと3日」以内になったら「締め切り近いけど大丈夫？」というリマインドをしてくれる機能を作りたい。 そのため、Momentライブラリをつかって「日付の差分」を取りたかった。 ダメだった例 簡略化するためにA2セルの日付だけを対
![[GAS][JS] Momentライブラリのdiffでの日付差分 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7248271a87773768d2e7c9f29c806639b02bfadd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCR0FTJTVEJTVCSlMlNUQlMjBNb21lbnQlRTMlODMlQTklRTMlODIlQTQlRTMlODMlOTYlRTMlODMlQTklRTMlODMlQUElRTMlODElQUVkaWZmJUUzJTgxJUE3JUUzJTgxJUFFJUU2JTk3JUE1JUU0JUJCJTk4JUU1JUI3JUFFJUU1JTg4JTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0yZmM3NDQyZTBlYzQ1M2M2YTNhOTc4NjM0ODYxZGM4YQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYWthaW1vJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jZThhMjQzMjEwYjYyZjc0MmM3OGUzZGYxMTBkNGRhNA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da47ff2d6210a3ed40c51485b72502976)
JavaScript | Moment.jsで日付操作(比較, 差分, フォーマット) - わくわくBank
JavaScriptの日付操作用ライブラリである「Moment.js」の利用方法を確認します。「Moment.js」は、Dateオブジェクトをラップして、日付操作に関する様々な機能を提供します。豊富な機能が提供されていますが、利用頻度の高い機能について取り上げます。
Moment Timezoneを使ってJavaScriptで日付を変換する | RE:ENGINES
はじめに グローバルなアプリケーションだと、地域ごとにその地域にあったタイムゾーンで時間を表示したいケースがあります。実装の方針としては大きく分けて2つあり、バックエンドで日付を変換する方法とフロントエンドで日付を変換する方法です。 今回はセレクトボックスでタイムゾーンを選択するケースを想定し、フロントエンド側で日付を変換する方法としてMoment Timezoneを使った方法を紹介します。 Moment Timezone は日付の操作に関する様々な機能を提供するJavaScriptのライブラリです。サマータイムに対応しており、自動的に日付が補正されます。 セットアップ パッケージマネージャとしてyarnを使い、Railsアプリケーションで使用する前提で説明します。まずは、moment-time-zone-with-dataをインストールします。
[JavaScript]date-fnsを使って日付をバリデーションする話 - Qiita
概要 JavaScriptでユーザーが送信した日付が、正しい日付かどうか確認したい時がありました。 今回はその方法と注意点を共有します。 この記事で伝えたいこと JavaScriptで日付のバリデーションをする際は、date-fnsのparseメソッドを使用することを推奨します。 date-fnsで日付のバリデーションを行ってみる 実行環境 項目 環境
![[JavaScript]date-fnsを使って日付をバリデーションする話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b73bb9bc9c40d8b046c36d2dccad2107db118829/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RGRhdGUtZm5zJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU2JTk3JUE1JUU0JUJCJTk4JUUzJTgyJTkyJUUzJTgzJTkwJUUzJTgzJUFBJUUzJTgzJTg3JUUzJTgzJUJDJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUIzJUUzJTgxJTk5JUUzJTgyJThCJUU4JUE5JUIxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00ODVlZjhjYWI0MWNjMWQwNzFlMjZkMjFkNWEzZGE4ZA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwVGFpS2FpX3NhbXVpJTIwaW4lMjAlRTMlODMlODAlRTMlODIlQTQlRTMlODMlQUMlRTMlODIlQUYlRTMlODMlODglRTUlODclQkElRTclODklODglRTYlQTAlQUElRTUlQkMlOEYlRTQlQkMlOUElRTclQTQlQkUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTEwMTVkOGE4ODg3NTI2Njg3YTVkZmVmNGQyNDRlNTE4%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D3b41397dc310a4af405f189894fb6e4f)
ホームページ- EY-Office
小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")（importは省略しました）と簡単に書けますが、JavaScriptでは案外面倒なのです。 追記： いくつかの間違いのご指摘がありましたので修正しました（2023-04-19）。 DeepAIが生成した画像です いっけん正しいようで間違ったコード new Date().toISOString().slice(0,10) new Date()で本日の日時を取得します toISOString()メソッドは日時データをISO形式の文字列に変換します、例えば 2
[Javascript] Moment.jsを使って日付を扱おう - YoheiM .NET
こんにちは、@yoheiMuneです。 JavaScriptで日付を扱う場合に、デフォルトではDateクラスくらいしかなくて使いづらい。その問題を解消するライブラリはいくつか存在しますが、その中でMoment.jsが非常に使いやすいので、今日はその使い方をブログに書きたいと思います。 目次 はじめに 本記事は、moment.jsを用いた日付処理について記述しています。ライブラリを用いない日付処理については「[JavaScript] 今日、明日、昨日、月末、月初などを取得する」でブログを書いたので、もし良ければご参考ください。 Moment.jsとは Moment.jsは、Javascriptで日付を扱うためのライブラリです。文字列からパースしたり、月末月初を求める演算ができたり、任意のフォーマットで出力できたり、と様々な機能があります。日付の演算やパース処理をする際には、必ず使いたいライブ
![[Javascript] Moment.jsを使って日付を扱おう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ff07b584b30f63c077826ee31a64f6815fcdba3/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F544.jpg)
moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita
moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットに対応 moment.js と同様に .add(1, "month").startOf("week").endOf("day") のような計算に対応 .tz("Asia/Tokyo") あるいは .utcOffset("+09:00") のようなタイムゾーン（時間帯）指定に対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日付の操作が楽になる！Moment.jsの使い方 | したっけ
[JavaScript]今日と一致する日付かどうかを判定する方法 - Qiita![[JavaScript]今日と一致する日付かどうかを判定する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/23e3e274724a2afe63a630da56ce9a25bc2bd5cf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCVFNCVCQiU4QSVFNiU5NyVBNSVFMyU4MSVBOCVFNCVCOCU4MCVFOCU4NyVCNCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NyVBNSVFNCVCQiU5OCVFMyU4MSU4QiVFMyU4MSVBOSVFMyU4MSU4NiVFMyU4MSU4QiVFMyU4MiU5MiVFNSU4OCVBNCVFNSVBRSU5QSVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTg5ZDk5MGU0ZjU0NGFjZjAzYzE2N2RmNjYxZTcxYmE%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWFyeWphc3MmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTQ5ZjBmZjg3OWVkNDZiNDJjNmM3YzdmMjJjOTJhY2Fj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D81a313b9d1cf9511e53163654bc404e0)
