![](https://cdn-ak-scissors.b.st-hatena.com/image/square/686d2ca6e786fe8c5a92be30004ff49529d354e9/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9R2l0SHViJUUzJTgxJUE4U2xhY2slRTMlODIlOTIlRTUlOEYlODIlRTglODAlODMlRTMlODElQUIlRTMlODIlQjUlRTMlODMlQkMlRTMlODMlOTMlRTMlODIlQjklRTMlODElQUUlRTclODklQjklRTYlODAlQTclRTMlODElQUIlRTUlOTAlODglRTMlODIlOEYlRTMlODElOUIlRTMlODElOUYlRTYlOTclQTUlRTQlQkIlOTglRTYlOTklODIlRTUlODglQkIlRTMlODElQUUlRTUlQUUlOUYlRTglQTMlODUlRTMlODIlOTIlRTglODAlODMlRTMlODElODglRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYyNjVmYzNkOGFiMWRmOTQxMWEwYzVhMTExMmQ5Zjhi%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQWtpdG9Uc3VrYWhhcmEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWUxNTU0MzIxZmFkYzRlY2QxNjVjZDE5MWMwYjNiNDhl%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dcd32ea2689e663a78457d9918254c41f)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
GitHubとSlackを参考にサービスの特性に合わせた日付時刻の実装を考えてみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
GitHubとSlackを参考にサービスの特性に合わせた日付時刻の実装を考えてみた - Qiita
どんなサービスにもコンポーネントの端を見ると日付時刻が表示されていますが、意識して注目したことは... どんなサービスにもコンポーネントの端を見ると日付時刻が表示されていますが、意識して注目したことはありますか?(自分はこれまでありませんでした...) データ通りに日付時刻を表示しているサービスもありますが、サービスの特性に合わせて表現を変えているサービスもありました。 今回は後者のサービスがどの様な特性のサービスで、その表現はどのように実装しているのか調べてみました。 現時点からの経過時間を表示するパターン GitHubを参考例に紹介します。 リポジトリのトップページにあるディレクトリやファイルの右側に表示されている「X days ago」という表示にカーソルを合わせると日付時刻が表示されるようになっています。 ここで日付時刻をそのまま表示せずに現時点からの経過時刻を表示することでパッと見で、コード変更が古いのか新しいのか瞬時に判断ができますね。 見ているデータの新旧情報がユーザーにとって