見出し画像

今日の日付がわかる、デジタル卓上カレンダーをつくりました [公開中]

ことの経緯

以前、こんな記事を書きました。

タブレット向けのカレンダーWebアプリを作ったら意外と便利だった、という話。この記事のコメントで「公開しないのですか?」という声をいただきましたし、ちょうど来年のカレンダーをどうしようか悩んでいる方もいるかもしれないので、今回思い切って公開してみることにしました。

ちょっとだけ作りなおす

ただ、作ったのがだいぶ前で、コードも古く、このままだとメンテが大変そうだったので、生成AIにお願いしてほぼ一から作り直してもらいました。

[2026最新版] 自作の「時計+カレンダー」Webアプリ (改)

公開

公開先はこちらです。

半日くらいでパパッと作ったものなので、多機能ではないし、作りもちょっと雑です。
iPad mini(第6世代)で動作確認しているので、ここ数年以内の iPad なら問題なく動くと思いますが、古めのタブレットだと動かない可能性があります。スマホだとレイアウトが崩れるはずです。
「公開」といっても、まだほぼベータ版のような状態なので、快適に使える環境はかなり限られるかもしれません。

タイマー機能

基本的には「時計+カレンダー」を“眺める”ためのアプリですが、
ちょっとしたおまけとして「日付をタップするとタイマーが起動する」機能を付けています。
例えば、24日をタップすると「24分」のタイマーがスタートし、
日付の上部に表示される細い青い線(プログレスバー)がだんだん進んでいきます。
カウントダウンがゼロになると「Time UP」の文字が表示され、アラームが鳴ります。
※カレンダー外の部分をタップするとキャンセルできます。

「ちょっと24分だけ集中したい」といった、さくっと時間を計りたいときに便利です。

日付上部の「細く青い線」がプログレスバー

背景の画像

背景には、1時間に一度切り替わる画像を設定しています。
Midjourney で生成した画像を使っていて、今後も少しずつ追加していく予定です。

もう冬だけど、秋っぽい画像をたくさん用意

使いかた

  1. iPad の Safari で https://ecal.app を開く

  2. 共有アイコンをタップ

  3. 「ホーム画面に追加」を選択

  4. ホーム画面にアイコンが追加されるので、タップして起動

これで、ほぼ “専用アプリ” のような感覚で使えます。

その他

これからも、ちょこちょこと機能追加やデザイン調整をしていくつもりです。
その過程で、突然レイアウトが崩れたり、挙動が変わったりすることもあるかもしれませんが、そのあたりは広い心で見守っていただけるとうれしいです。

ぜひ一度触ってみて、ご意見・ご感想などをいただければ幸いです。


公開先は、↓ こちらです。

あるいはQRコードから



いいなと思ったら応援しよう!