🎉

ブラウザで動くめっちゃ簡単な時計作った

2021/10/25に公開

TL;DR

[github]{https://github.com/Diwamoto/clock} をcloneして、./clockと打つだけです。
簡単ですね。

git clone https://github.com/Diwamoto/clock.git
./clock

何がしたかったのか

やったことは大したことないのですが、ずばりやりたかったことはmacをモニターに繋ぎ、macのディスプレイの画面が余るので、そこに時計を出したいなって思った所存です。

macの時計は右上にしか出て来ず、私はフルスクリーンでアプリを使ってCtrl+左右でデスクトップを切り替えて使う派なので、いちいちマウスを右上に持っていくのが面倒でした。

かつ、macのホットゾーンを設定しており、右上に行くと画面をロックします。
(トイレに行くときとかにmacの一番右上にポインタを持っていくだけで離席状態にできるのでおすすめです。)

なので、時計を見たいだけなのにミスるといちいちパスワードを打たなければいけません。

何をしたのか

簡単です。
ブラウザでjQueryを使って毎秒アップデートされる時計を作りました。

最初はシェルスクリプトで作ろうとして、スクリプトを作るところまでは行ったのですが、デザインを変えるのに苦労し、なら最初からjavascriptで作る方がはえーとなった次第です。

どうなったのか

以下が画像です。
全てオープンにしてありますので、フォント、サイズ、その他もろもろ何でも自分好みにいじっちゃってください。

GitHubで編集を提案

Discussion