Weekly Schedule Manager

1週間を、
見渡せるスケジュール

曜日ごとに予定を登録して、時計型ビューで今の自分の位置を確認。 通知・カラー分け・翌日またぎにも対応した、シンプルな週間管理ツール。

Schedule 451-n
表示
--:--:--
英語
09:00 — 10:30
英語 09:00–10:30
数学 13:00–15:00
自習 19:00–22:00

Features

主な機能

🕐
リアルタイム時計 & 現在の予定

秒単位で更新される時計と、今まさに進行中の予定を常に表示。次の予定も一目でわかる。

🍩
24時間ドーナツチャート

1日を円グラフで可視化。時計の針が現在時刻を指し、スケジュール全体の密度が直感的につかめる。

📅
曜日別・複数曜日一括登録

予定を登録するとき、複数の曜日を同時に選択できる。繰り返し予定を一発で追加。

🌙
翌日またぎ対応

終了時刻が開始より前の場合、自動で「翌日まで」と判定。深夜にまたがる勉強・睡眠も正確に管理。

🔔
ブラウザ通知

予定の5分前・10分前・15分前・30分前など、好みのタイミングでブラウザ通知を受け取れる。

🎨
カラー分け

8色から予定ごとに色を選択。チャートとリストが連動して色分けされ、科目や活動が一目でわかる。

How It Works

使い方

01
アカウントを作成

メールアドレスとパスワードで登録。データはクラウドに保存されるため、どこからでもアクセスできる。

02
予定を追加

設定タブから時間・ラベル・曜日・色・通知タイミングを入力して追加するだけ。複数曜日に一括登録できる。

03
表示タブで確認

時計・チャート・今日の予定リストが自動更新。今の予定と次の予定が常にトップに表示される。

04
通知を許可して完了

ブラウザの通知を許可すれば、予定の直前に自動でアラートが届く。スマホからも使える。

Tech Stack

技術スタック

フレームワーク不要。バニラ JS + Supabase だけで動く軽量設計。ページを開くだけで即使える。

HTML / CSS Vanilla JS Supabase Web Notifications API SVG Chart Row Level Security Responsive Design

今日から使ってみよう

アカウント登録は無料。登録後すぐに予定を追加できます。

Open Schedule App