円をクリック・ドラッグして、1日24時間を区切ります
円形のスケジュールは、1日24時間を時計1周に置き、活動ごとの時間を扇形に区切った1日の円グラフです。このツールでは、円の空いている所をクリックするとその場所に1時間の予定が入り、クリックしたままドラッグすると好きな長さの扇形が描けます。予定を選ぶと両端にハンドルが出るので、ドラッグすれば開始と終了が15分単位で動き、隣り合う予定も一緒に伸び縮みします。
円の下には、現在時刻の針が指す予定と残り時間が表示され、「1日の順番」の一覧には予定と空き時間が時間順に並びます。その下の1日の合計は、同じ名前の予定を足し合わせ、睡眠・勉強・仕事が1日で何時間かを棒グラフで示します。完成したスケジュールは、タイトル・円・時間順の一覧・合計を載せたA4用紙1枚のPNGまたはPDFとして保存できます。
円形スケジュールが役に立つ場面
表形式のタイムテーブルは時刻を正確に書くのに向き、円形は1日の配分をひと目で見るのに向いています。扇形の広さがそのまま時間の長さなので、睡眠が1日の何分の1か、自由時間がどこに偏っているかが絵として見えます。次のような場面で特に便利です。
- 夏休み・冬休みの生活表: 子どもと一緒に睡眠・宿題・遊びの時間を決め、印刷して壁に貼る円形の生活表に使えます。アイコンを選べば、まだ文字を読み慣れていない子どもにも分かりやすくなります。
- 試験期間: 学校と通学の時間を先に入れ、残りに自習と休憩を置くと、1日に実際に確保できる勉強時間が合計に出ます。
- 会社員の平日: 通勤と仕事を入れたあとの夜の時間から、運動や勉強の枠を探せます。
- 交代勤務・夜勤: 睡眠が日付をまたいでも昼にあっても1つの扇形になるため、勤務パターンごとに睡眠が足りているか見比べやすくなります。
- 休日: 平日とは別に休日のスケジュールを作って保存しておくと、休みの日も生活リズムが崩れにくくなります。
作り方の順番
- テンプレートを選びます。 夏休み・試験期間・会社員の平日・休日のうち近い1日を押すか、空の円から始めます。テンプレートを変えても、「元に戻す」で前のスケジュールに戻れます。
- 動かしにくい予定から合わせます。 睡眠・学校・出勤のように時刻が決まっている予定のハンドルをドラッグして、実際の時間に合わせます。終了が開始より早い時刻なら、翌日まで続く予定になります。
- 食事と移動を入れます。 スケジュールで最も抜けやすい時間です。一覧の空き時間の行で「入れる」を押すと、その空きの先頭に1時間の予定が入ります。
- 残りの時間にやりたいことを置きます。 勉強・運動・趣味を入れて、名前は短くします。「通学」のような短い名前なら円の中にきれいに収まります。
- 色とアイコンでまとめます。 同じ種類の活動に同じ色を使うと、離れた時間も探しやすくなります。アイコンは絵文字16種類か、自分で選んだ写真から選びます。
- 合計を確認して保存します。 1日の合計で睡眠と空き時間を確かめてから、PNGまたはPDFで保存します。中央に写真やロゴを入れると、保存ファイルの円の中央にも入ります。
円の中の時間の大きさ: 1時間は15度です
円1周の360度を24時間で割ると、1時間は15度、15分は3.75度です。扇形の広さは予定の重要度ではなく、時間の長さだけを表します。0時が真上で時計回りに進むので、6時は右、12時は下、18時は左になります。
| 時間の長さ | 角度 | 1日に占める割合 | 円での見え方 |
|---|---|---|---|
| 15分 | 3.75° | 1.04% | 最小のドラッグ単位で、円の中に文字は入りません |
| 30分 | 7.5° | 2.08% | 円の中では名前が半径方向に立てて入ります |
| 1時間 | 15° | 4.17% | 短い名前が縦向きに入ります |
| 1時間30分 | 22.5° | 6.25% | 円が大きければ名前と長さが横向きに入ります |
| 3時間 | 45° | 12.5% | アイコン・名前・長さがすべて入ります |
| 8時間 | 120° | 33.33% | 円の3分の1で、ふつうの睡眠や仕事の長さです |
| 12時間 | 180° | 50% | 円のちょうど半分です |
円の中に文字を入れるかどうかは、扇形の実際の大きさで決まります。画面が狭くて円が小さくなると1時間の扇形から名前が消えることがありますが、その予定は一覧と保存ファイルの時間順にそのまま残ります。
日付をまたぐ予定とハンドルのドラッグ
22:00に寝て07:00に起きる睡眠は、開始22:00・終了07:00の1件として入れます。終了が開始より早いと翌日まで続く予定として扱い、編集欄に「翌日 07:00 まで」と表示します。終了を00:00にすると、深夜0時(24:00)で終わる予定になります。
ハンドルは、選んだ予定の開始側と終了側に1つずつあります。隣の予定とくっついている端をドラッグすると2つの予定の境目が一緒に動くので、睡眠を30分短くすれば、すぐ隣の朝の時間が30分長くなります。どちらの予定も15分より短くはならず、隣が空き時間のときは次の予定の手前までしか伸びません。ハンドルにフォーカスがある状態で矢印キーを押すと15分ずつ、Page UpとPage Downを押すと1時間ずつ動くので、マウスなしでも直せます。15分に合わない時刻は、開始・終了の欄に直接入力してください。
1日の合計の読み方
1日の合計は、同じ名前の予定の長さを足した値です。午前と午後の仕事をどちらも「仕事」と書くと1行にまとまり、「午前の仕事」のように名前を変えると別々に出ます。棒の長さと割合は1日1,440分に対する比率で、最後の「空き時間」の行はまだ決めていない時間です。次の表は、夏休みテンプレートをそのまま使ったときの合計です。
| 活動 | 時間 | 1日に占める割合 |
|---|---|---|
| 睡眠(22:00〜07:00) | 9時間 | 37.5% |
| 夏休みの宿題 | 2時間 | 8.3% |
| 外遊び・運動 | 2時間 | 8.3% |
| 習い事・体験 | 2時間 | 8.3% |
| 自由時間 | 2時間 | 8.3% |
| 家族の時間 | 1時間30分 | 6.3% |
| お風呂・日記 | 1時間30分 | 6.3% |
| 朝ごはん | 1時間 | 4.2% |
| 昼ごはん | 1時間 | 4.2% |
| 読書 | 1時間 | 4.2% |
| 夕ごはん | 1時間 | 4.2% |
| 合計 | 24時間 | 100% |
食事の時間を1行で見たいときは、朝・昼・夕の名前をすべて「食事」に変えます。すると合計に「食事 3時間」と出て、円の上では3つの扇形がそれぞれの場所にそのまま残ります。
日本人の1日と比べてみる
自分の計画が平均的な1日とどれくらい違うかは、総務省統計局の令和3年社会生活基本調査(2021年10月実施)で確かめられます。次の表は、10歳以上の全体について、1日の生活時間を週全体で平均したものです。学生・会社員・退職した人、平日と週末をすべて混ぜた平均なので、仕事や学業の時間は短めに出ます。
| 行動 | 2021年 | 2016年との差 |
|---|---|---|
| 睡眠 | 7時間54分 | +14分 |
| 食事 | 1時間39分 | −1分 |
| 仕事 | 3時間28分 | −5分 |
| 通勤・通学 | 31分 | −3分 |
| 学業 | 38分 | −4分 |
| 家事 | 1時間27分 | +4分 |
| 趣味・娯楽 | 48分 | +1分 |
睡眠は2016年の7時間40分から14分増えました。調査時期は新型コロナの緊急事態宣言が解除された直後だった点も、頭に入れておいてください。通勤・通学が平均より極端に短ければ移動時間を入れ忘れているかもしれず、趣味や自由時間がほとんどなければ計画を守るのが難しくなるかもしれません。
年齢別の推奨睡眠時間
円形スケジュールで最も大きな扇形は、たいてい睡眠です。先に睡眠を決めておくと、残りの予定を現実に合わせて入れられます。次の表は、米国睡眠医学会(子どもと10代)と米国睡眠財団(成人)の推奨範囲です。
| 年齢 | 推奨範囲 | 根拠 |
|---|---|---|
| 3〜5歳 | 10〜13時間 | 米国睡眠医学会 2016、昼寝を含む |
| 6〜12歳 | 9〜12時間 | 米国睡眠医学会 2016 |
| 13〜18歳 | 8〜10時間 | 米国睡眠医学会 2016 |
| 18〜64歳 | 7〜9時間 | 米国睡眠財団 2015 |
| 65歳以上 | 7〜8時間 | 米国睡眠財団 2015 |
テンプレートの睡眠は、夏休みが9時間、試験期間が8時間、会社員の平日が7時間、休日が8時間で、いずれもこの範囲に収めてあります。このツールは睡眠が足りているかを判定しないので、1日の合計の睡眠時間をこの表と見比べてください。体調がすぐれない、あるいは睡眠の悩みが続くときは、医師に相談してください。
PNG・PDFで保存して印刷する
保存ファイルはA4縦1枚(1240 × 1754ピクセル、150dpi換算)です。いちばん上にタイトルと説明、中央に直径およそ16cmの円、その下に時間順の一覧と1日の合計が入ります。円の中に名前が入らなかった短い予定も、下の時間順にはすべて載ります。
- PNG: メッセージアプリで送る、スマートフォンの壁紙にする、教室の掲示用の写真にするのに向いています。
- PDF: ページサイズがA4に合わせてあるので、印刷時は「実際のサイズ(100%)」で出力します。文字は画像として入っているため、PDFの中で書き直すことはできません。
- あとで直すとき: 同じブラウザでこのページを開くと、自動保存されたスケジュールの続きから編集できます。直したら保存し直してください。すでに保存したファイルは自動では変わりません。
よくある失敗
- 食事と移動の入れ忘れ: 勉強や仕事だけを入れると、計画が1日に収まらなくなります。空き時間の行が残っているなら、たいていはこの2つの場所です。
- 同じ活動に違う名前: 「勉強」と「勉強する」は合計で別々に数えます。まとめて見たい活動は、名前を同じにしてください。
- 睡眠を二重に入れる: 夜の睡眠と朝方の睡眠を分けて入れたうえで1件にまとめ直そうとすると、時間が重なって入力できません。1件にするには、どちらかを削除して、残したほうの端を伸ばします。
- 15分の扇形を増やしすぎる: 小さな扇形が多いと、円の中に名前が入りません。休憩のような短い予定は、前後の予定にまとめたほうが見やすくなります。
- すき間のない計画: すべての枠をぎっしり埋めると、1つ遅れただけで1日が崩れます。30分ほどの余裕を残して1日過ごしてみてから、調整してください。
できないこと
- 決めた時刻に通知を送ることはありません。時間になったら知らせてほしい予定は、スマートフォンのアラームやカレンダーにも入れてください。
- 一度に作れるのは1日分です。平日と休日を分けるには、1つ保存してから別のテンプレートに切り替えて作り、それぞれファイルに保存してください。
- 予定は48件まで入れられ、同じ時間帯には予定を1つしか置けません。
- 自動保存はこのブラウザにだけ残ります。サーバーには送らないため、ほかの端末とは共有されません。
- 写真はブラウザで小さく縮小して入れます(中央は256ピクセル、予定のアイコンは128ピクセル)。細かい文字の写真は読み取りにくくなります。
- 推奨睡眠時間や勉強時間の良し悪しは判定せず、表の統計と推奨範囲は比較のための参考値です。
基準日 統計と推奨睡眠時間の出典は2026-10-22に確認しました。
出典
- 01総務省統計局: 令和3年社会生活基本調査 生活時間に関する結果 要約10歳以上の週全体の平均で、睡眠7時間54分(2016年は7時間40分)、食事1時間39分、仕事3時間28分、通勤・通学31分、学業38分、家事1時間27分、趣味・娯楽48分
- 02Hirshkowitz ほか, National Sleep Foundation's sleep time duration recommendations (Sleep Health, 2015)18〜64歳は7〜9時間、65歳以上は7〜8時間
- 03Paruthi ほか, 米国睡眠医学会 小児の推奨睡眠時間に関するコンセンサス (J Clin Sleep Med, 2016)3〜5歳は10〜13時間(昼寝を含む)、6〜12歳は9〜12時間、13〜18歳は8〜10時間
- 04MDN: Window.localStorageブラウザに残る自動保存の仕組み、プライベートウィンドウでは閉じると消える
- 05MDN: HTMLCanvasElement.toBlob()PNGとJPEG(PDFの中の画像)のファイルをブラウザで作る仕組み
よくある質問
スケジュールの円グラフの作り方は？
テンプレートを選ぶか空の円から始め、円の空いている所をクリックすると1時間の予定が入ります。ドラッグすれば好きな長さで入り、名前・時間・色は編集欄で変えられます。1日の合計と空き時間を確かめたら、PNGまたはPDFで保存します。
24時間円グラフのテンプレートはありますか？
あります。夏休み・試験期間・会社員の平日・休日の4種類と、空の円から選べます。どれも24時間ぴったりに収まっていて、予定の名前や時間は自由に変えられます。テンプレートを替えても「元に戻す」で前のスケジュールに戻れます。
日付をまたぐ睡眠はどう入れますか？
1件として入れられます。開始を22:00、終了を07:00にすると、翌日7時まで続く9時間の睡眠になり、円でも0時をまたいで1つの扇形で描かれます。22:00〜24:00と00:00〜07:00に分けて入れても、名前が同じなら合計では9時間にまとまります。
時間は何分単位で決められますか？
円の上でクリックやドラッグをすると15分単位に合います。08:10のように15分に合わない時刻は、編集欄の開始・終了に直接入力すれば1分単位で入れられます。ハンドルにフォーカスがあるときは、矢印キーで15分、Page UpとPage Downで1時間ずつ動きます。
同じ時間に予定を2つ重ねられますか？
同じ時間帯に置ける予定は1つだけです。開始・終了を直して別の予定と重なるときは、どの予定とどれだけ重なるかを表示し、変更は反映しません。10:00に終わる予定と10:00に始まる予定は重なりません。一緒にする活動は「夕食・家族の時間」のように1つの名前にまとめてください。
1日の合計はどう計算されますか？
同じ名前の予定の長さをすべて足します。たとえば午前の仕事3時間と午後の仕事5時間は「仕事 8時間」にまとまります。割合は1日1,440分に対する比率で、24時間から計画した時間を引いた残りが空き時間として別に出ます。
作ったスケジュールはどこに保存されますか？
いま使っているブラウザのストレージ(localStorage)にだけ自動保存され、サーバーには送られません。同じ端末の同じブラウザで開けば続きから編集できますが、ほかの端末には表示されません。サイトデータを消したりプライベートウィンドウを閉じたりすると消えるので、残したいスケジュールはPNGやPDFでも保存してください。
睡眠は何時間にするのがよいですか？
米国睡眠医学会は6〜12歳に9〜12時間、13〜18歳に8〜10時間、米国睡眠財団は18〜64歳の成人に7〜9時間を推奨しています。このツールは睡眠が足りているかを判定しないので、1日の合計の睡眠時間をこの範囲と見比べてください。