小ネタ：黒電話のWeb Componentをつくってみたよ

はじめに 先日、電話番号の入力UIについて雑談していたときのこと。 「最近の入力フォーム、テンキーとか色々工夫されてるよね」 「そういえば昔は黒電話で番号回してたんだよな...」 「今の若い人って黒電話使えるのかな・・・？」 この何気ない一言でとりあえず作ってみました！ 確かに、昭和生まれの私には馴染み深い黒電話のロータリーダイヤル。 でも、平成・令和生まれの人たちにとっては「見たことはあるけど使ったことない」という人も多いはず。 そこで思いついたのが、 「Web上で黒電話を体験できるUIを作ったら面白いんじゃない？」 というわけで、勢いでWeb Componentとして黒電話のロータリーダイヤルを実装してみました。 デモ まずは実際に触ってみてください！ 穴に指（カーソル）を入れて、銀色のストッパーまでグイッと回す。 あの独特の感触（？）を再現するために、Canvas APIでゴリゴリ描