福野泰介の一日一創

テーマは睡眠！

「WAAAAASH!!」 by チームF
世界中の若者共通の悩み、朝起きれない・・・。
何としてでも布団から引きずり出すため、洗面台に貼ったQRコードを撮影するまで鳴り、顔を洗った音を聞かせないと再び鳴るアラームアプリ！名付けて「WAAAASH!!」。5人で作ったからA x 5（出典、jig.jp2023 2weekサマーインターン10日目　(チームF) - ⭐jigintern diary⭐）

Webアプリによるプロトタイプなので、振動などが使えず、起動したままにする必要がありますが、画面ロックを防ぐAPI「Screen Wake Lock API / 画面起動ロックAPI」があることを知る。これを使えば、「寝る」ボタンを押してアラームが鳴るまでにスリープしてしまうことがなくなります。（プルリク、起動ロック設定を追加）

try { const wakeLock = await navigator.wakeLock.request("screen"); console.log(wakeLock); let wakeLock = await navigator.wakeLock.request("screen"); document.addEventListener("visibilitychange", async () => { if (document.visibilityState === "visible") { wakeLock = await navigator.wakeLock.request("screen"); } }); } catch (e) { alert("起動ロックができませんでした。アラームが鳴る前にスリープしてしまうかもしれません。" + e.name + " " + e.message); } また、iPhoneでは気になったアラームタイムの初期設定。DateTime.jsを使って、開いた日時を設定するようにしてみました。これで実際寝て試してみます。（プルリク、現在時刻を初期設定する）

「WAAAAAsh!!」src on GitHub
こちら、サーバーを使わないローカルバージョン。フロントエンドをいろいろサクッと学習したい方にオススメです。

夢を物語にするアプリ「Sleep Peep」 by チームG
時に支離滅裂で楽しい夢。さっと書き留めた夢の続きをみんなで書けるサービス。匿名故に好き勝手かけるのも手軽で良いかも。似た夢を見た人をリコメンドしたり、続きをAIに書いてもらうとか、いろいろと応用してみるのもあ楽しそう。こちらのforkはまた後日！