Moment.jsを使用して相対時間を表示する方法

まず、Moment.jsをプロジェクトに追加します。CDNやパッケージマネージャーを使用してインストールできます。次に、以下のコードを使って相対時間を表示する方法を学びましょう。

// 必要なパッケージをインポート
import moment from 'moment';
import 'moment/locale/ja'; // 日本語のロケールを追加
// タイムスタンプを作成
const timestamp = new Date();
// 現在の時刻からの相対時間を表示
const relativeTime = moment(timestamp).fromNow();
console.log(relativeTime);

上記のコードでは、Moment.jsのfromNow()メソッドを使用して、与えられたタイムスタンプから現在の時刻までの相対時間を取得しています。また、moment.locale('ja')のようにロケールを指定することで、日本語の相対時間表記を使用することもできます。

このコード例は基本的な使い方ですが、Moment.jsにはさまざまなフォーマットオプションや操作方法があります。詳細な情報や他のコード例については、Moment.jsの公式ドキュメントを参照してください。

以上がMoment.jsを使用して相対時間を表示する方法のシンプルな説明とコード例です。もちろん、より複雑な操作や特定の要件に合わせたカスタマイズも可能です。