HTML5の進化は目を見張るものがあります。特にスマートフォンの登場によって、ネイティブでサポートされるような多くのAPIが実装されています。作り込めばネイティブアプリに負けないくらいの機能が実装できるでしょう。

今回はその一機能である通知機能を使ったTodoアプリ、To do notificationsを紹介します。この使い方は他にも応用が利きそうです。

To do notificationsの使い方

タスクを作成する際に何時何分まで指定を行います。

最初は通知の許可が必要です。

時間になるとローカル通知が出ます。

通知が出るとタスクは消されます。

ブラウザがバイブレーションをサポートしている場合、通知と一緒に震えてタスクが期限を迎えたことを教えてくれます。なお、このWebサイトを表示していないと通知が出ませんので注意が必要です。通知の使い方として参考になりそうです。

To do notificationsはHTML5/JavaScript製、Mozilla Public Licenseのオープンソース・ソフトウェアです。

To do list with Notifications and Vibration

mdn/to-do-notifications