[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ただいまコメントを受けつけておりません。
色々あって最近は Discord をよく触る。こいつ、更新が入るとポップアップで「こんな更新が入ったよ」と告知してくれるかわいいやつだ。これが気に入ったのでこれをサクッと導入するための何かを書いてみた。
<head>
<link rel="stylesheet" href="https://shunshun94.github.io/shared/jquery/io/github/shunshun94/history/updateInfo.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://shunshun94.github.io/shared/jquery/io/github/shunshun94/history/UpdateInfo.js"></script>
</head>
<body>
<!-- 中略 -->
<script>
new io.github.shunshun94.UpdateInfo([
{
date: new Date('2018/12/25'),
body: ['ひよこ', 'ひつじ']
}, {
date: new Date('2018/12/8'),
body: ['こいぬ', 'こねこ']
}
], 'sample-update-info-key');
</script>
</body>
これは new io.github.shunshun94.UpdateInfo の第一引数に履歴情報を与えて使う。履歴情報は日付情報と更新内容の配列の組からなる配列である。
アプリは第二引数の文字列をキーとして localStorage を参照しに行く。ここには最後にこのアプリを使って取得した更新情報の日付が格納されている。もしもこの日付よりも新しい更新情報があれば、日付より新しい更新情報を全て表示する。そのうえで、取得した更新情報のうち最大の日付のものに localStorage を更新する。
つまり、ユーザは「まだ見ていない更新情報」だけ受け取ることができるようになっている。
ただいまコメントを受けつけておりません。