教室のモニターのスペック

各教室に一台おいてあってテレビにAirPlay投影用のApple TVとかが繋いであります。

現状の課題

動画を映すときやなんかするとき以外は基本的に利用していない
せっかくの大画面がもったいない
有効活用するアプリ作ろう！

アプリの構成

HTML
Bulma(CSS Framework)
Vanila JS

デモ

完成したものがこちら！

時計、日付、時間割、宿題、ニュース等様々な情報が確認できます。
お知らせや時間割は画像にもある通りmicroCMSから書き換えることができます。
microCMS取得分は5分またはmicroCMSのみのリロードまたは普通のリロードごと、ニュース天気は手動リロード(Ctrl+Rの普通のやつ)または30分のオートリロード(addEventListnerで30分ごとにlocation.reload()を実行)時に更新されます。

まとめ

需要があればOSSで公開します