こんにちは。今日はモニターを常時フル活用するツールを作った話をしようと思います。
記事の投稿を6か月くらい忘れてました
この記事は「学校に自作のポータルサイト的なものを導入したかった話」を見てからだとより楽しめるのでぜひ見てくださいね！
教室のモニターのスペック
各教室に一台おいてあってテレビにAirPlay投影用のApple TVとかが繋いであります。
現状の課題
- 動画を映すときやなんかするとき以外は基本的に利用していない
- せっかくの大画面がもったいない
- 有効活用するアプリ作ろう！
アプリの構成
- HTML
- Bulma(CSS Framework)
- Vanila JS
デモ
完成したものがこちら！
時計、日付、時間割、宿題、ニュース等様々な情報が確認できます。
お知らせや時間割は画像にもある通りmicroCMSから書き換えることができます。
microCMS取得分は5分またはmicroCMSのみのリロードまたは普通のリロードごと、ニュース天気は手動リロード(Ctrl+Rの普通のやつ)または30分のオートリロード(addEventListnerで30分ごとにlocation.reload()を実行)時に更新されます。
まとめ
需要があればOSSで公開します