1日の予定を円グラフ風に表示する「24時間サークルメーカー」

Pocket

夏休みの予定などを円グラフ風に表示する図があります。
この図を「24時間サークル」と呼ぶことにします。
これを簡単に作るツールを作りました。

次のような図になります。

SVGファイルで出力できます。
これはPNGファイルに変換できます。

PNGファイルで出力されます。右クリックから「名前を付けて画像を保存」を選択すると保存できます。

追記(2018年10月1日)
「30分間隔で」というコメントをいただきましたので対応しました。
24時間サークルメーカー(30分単位)

追記(2018年11月12日)
「12時間で」というコメントをいただきましたので対応しました。
12時間サークルメーカー

追記(2019年6月1日)
「空欄を指定したい」というコメントをいただきましたので対応しました。「空欄」と入力すると無視されます。
また「色を指定したい」というコメントをいただきましたので対応しました。インターフェースが複雑になってしまうのでシンプルにCSVで指定する方法としました。別のページとなりますが24時間と12時間は同じページで処理できます。
24時間サークルメーカー(色選択可)

[ 2016年9月3日 | カテゴリー: Tool | タグ: , , ]

« | »

コメント

  1. 阿見町立舟島小学校 久根間 洋 より:

    簡単にスケジュールが表示されるため,小学生にもすぐに使えるので大変優れたソフトだと思います。私のクラスでも子どもたちに使わせてみたいと思っています。ただ6年生ですので,30分間隔だととてもうれしいのですが,簡単に変更することはできるのでしょうか。もしくはこの仕組みを教えていただくことは可能でしょうか。

  2. stabucky より:

    >久根間先生
    ありがとうございます。
    30分単位でも入力できるようにしてみました。試していただけると幸いです。

  3. Takaiso より:

    シンプルでとても使いやすく重宝させていただいています。
    要望があります。1)さらに15分単位に分けていただけますか? 2)睡眠時間を、仮に何時間であれ、せいぜい4, 5時間分の面積で表示してほしい。
    2)について:睡眠の部分が不必要に面積を取りすぎる。睡眠専用の入力欄を設けることで可能かと思います。

  4. stabucky より:

    >Takaisoさん
    ありがとうございます。
    15分単位にするには
    https://tool.stabucky.com/maker/twentyfour/?min=15
    を開いてみてください。
    「睡眠」を小さく表示するのは難しいです。申し訳ありません。

  5. はじめまして より:

    円グラフで予定を表示できるwebサービスを探しており、こちらがちょうどよい手軽さで気になりました。1日の業務時間配分をメンバーに考えさせる意識付けのツールとして使えないかと思っています。
    24hだと長すぎる&アナログ時計のような感覚でとらえたいので、業務開始時刻を指定してそこからの12hを表示するような機能をご検討いただけないでしょうか?
    いきなり要求からですみません。

  6. stabucky より:

    >はじめましてさん
    12時間の件は他の方から似たような要望をいただいていましたので、検討させてください。お約束はできませんが。

  7. stabucky より:

    >Takaisoさん、はじめましてさん
    開始時刻と終了時刻を指定するパターンにチャレンジしてみましたが、意外と難しく、挫折しました。申し訳ありません。

  8. 11/2のはじめまして より:

    stabucky様
    承知致しました。お忙しいところチャレンジいただきありがとうございました。

  9. stabucky より:

    >Takaisoさん、はじめましてさん
    12時間表示で開始時刻と終了時刻を指定するパターンに再度、チャレンジして、作ってみました。
    試していただけると幸いです。

  10. 11/2のはじめまして より:

    stabucky様
    ありがとうございます!職場の新人、業務時間配分ができていない人に使わせてみたいと思います。

  11. ミュウ より:

    これすごくいいです!

  12. stabucky より:

    ミュウさん
    ありがとうございます!

  13. kana より:

    24時間サークル作りたいのですが、「サークルを作成する」を押しても「✖」が現れるだけで作れません(泣)
    なぜでしょうか?

  14. stabucky より:

    ご利用ありがとうございます。バツが表示されるとのことですが原因が分かりませんでした。パソコンまたはスマホで試していただけませんか。よろしくお願いします。

  15. しろう より:

    任意に色が選べたら嬉しいです(例えば、60分コース、90分コースの二種類だけがある。同じことを繰り返すので、同じ60分コースで色が違ってるとかえってわかりづらくなってしまうため→その一方で今の仕様だとランダムで色が振り分けられるため、60分、90分コースで同じ色になってしまうと混乱してしまうため。60分コース(ピンク)、90分コース(ブルー)のように任意で色を決められたらパッと見ただけで分かるので)

    スケジュールに空欄が作れたら嬉しいです(今はやむをえず目立たない*マークとか入れてますが、そこを空欄にできたらスッキリする)

  16. しろう より:

    UIイメージ

    時間ごとの入力欄のよこ(または右端に)にタブで選択できるように「色→ランダム(今の設定)、青、水、ピンク、黄」などで色を任意で選択できたらいいかな…というイメージです

    文字を入れない「空欄」も入力欄に空欄にできる選択ができたら嬉しいです、具合的なUIは思いつきませんでした。

    ※あくまで勝手な要望です、素晴らしいメーカーをありがとうございました

  17. stabucky より:

    >しろうさん
    前半は難しいです。インターフェースを変えるのはつらいです。
    後半はできそうです。「空欄」などとセットすれば空文字になるように。

  18. […] 1日の予定を円グラフ風に表示するのは、「24時間サークルメーカー」というウェブサイトを活用させていただきました。 […]

  19. […] 僕の平日のタイムスケジュール1日の予定を円グラフ風に表示する「24時間サークルメーカー」 にて作成 […]

  20. […] (ネットで見つけた、24時間サークルメーカーを使って作ってみました。結構便利^^)仕事は10:00-18:00、通勤時間は約15分(最高である)なので、出社前の朝の時間で1.5h、帰宅後子供を寝かしつけた後の夜の時間で1.5h、これに仕事中の昼休憩の0.5hを足せば3.5h確保できますね・・・(白目。 […]

  21. ハスキー1031 より:

    失礼します。
    円グラフ、こんなのをさがしてました。すてきなグラフ作成サイトを
    ありがとうございます。
    パソコン初心者です。大変恐縮ですが教えてください。
    色を変える所なのですが…
    色は赤ならば「FF0000」黄緑ならば「9ACD32」のようにします
    とありますが、どうして、赤がその番号になるのか、が分かりません。
    おそれいりますが、色と番号は、どこを見ると分かるのでしょうか。

  22. stabucky より:

    >ハスキー1031さん
    ご利用ありがとうございます。
    色見本のページを作ってみました。
    https://stabucky.com/wp/archives/12844
    もし分かりにくければGoogleなどで「色見本」を検索してみてください。

  23. はじめまして より:

    大変便利なサイトで、活用させていただいています。ありがとうございます。
    ひとつ質問なのですが、入力欄内で改行することはできますか?
    入力する文字が長いと隣の文字と重なってしまい、それを解消できるとうれしいです。

  24. stabucky より:

    >はじめましてさん
    ご利用ありがとうございます。
    念のためコードを確認しましたが改行には対応していません。
    申し訳ありません。

  25. […] 理想のタイムスケジュールYou Look Too Coolhttps://stabucky.com/wp/archives/8537 […]

  26. Charlotte より:

    非常に素晴らしいサービスをありがとうございます。。

    もしできればなのですが、ページを更新しても、入力した予定が残るようにできるようにしてはいただけないでしょうか。
    前日の夜予定を入れて、次の日にパソコンを起動したときに、それが残っているといいなと思うのと、、、あとは、日々同じ予定が続くこともあるので、前日のままでいいときもあります。
    よろしければ、ご検討いただけたらうれしいです。。

  27. stabucky より:

    Charlotteさん
    ありがとうございます。
    少し考えます。

  28. stabucky より:

    Charlotteさん
    cookieを使う方法で考えてみましたができませんでした。
    力不足で申し訳ありません。

  29. […] 1日の予定を円グラフに! 引用:ゆるくつくる stabuckyのブログ […]

  30. 黒崎泰司 より:

    5分単位は難しいでしょうか?

  31. stabucky より:

    黒崎様
    次のページを使います。
    https://tool.stabucky.com/maker/twentyfour/index_color.htm
    データを次のように与えてください。
    6,起床,FFAAFF
    6.08,朝食,99FFFF
    8,散歩,FFAAAA
    時刻は6時ちょうどであれば「6」、6時5分であれば「6.08」とします。5分は0.08時間に相当するからです。

  32. hana より:

    はじめまして。
    教育情報メディアの記事にて、こちら24時間サークルメーカーで作成した画像を掲載することは可能でしょうか?
    とても見やすいため、ご検討いただけると幸いです。
    よろしくお願いいたします。

  33. stabucky より:

    hanaさん
    ありがとうございます。
    ぜひお使いください。

  34. hana より:

    記事掲載のご許可をいただきありがとうございます。

  35. banana より:

    こちらはphp言語で制作されたのでしょうか?今php言語を学習中で参考にしたいなと思っていおり、もしphp言語で制作されたのであればコードを見せていただきたいです。

  36. stabucky より:

    bananaさん
    PHPで作りました。
    出来の良いコードではないのでお見せすることはできません。

  37. bis より:

    大変重宝させていただいています。
    ホームページに使用してよろしいでしょうか。
    著作権や料金の発生はなく完全フリーでしょうか。

  38. stabucky より:

    bisさん
    ありがとうございます。
    問題ありません。
    ぜひお使いください。

  39. bis より:

    ありがとうございます。
    大切に使わせていただきます。

  40. […] では皆さんもやってみよう! 使うサイトはこちら:24時間サークルメーカー […]

  41. momotomi より:

    子どもの夏休みのスケジュール作成に使わせていただきました。Excelで作成するサイトもあったのですが、ほぼ素人の者にとって難関であきらめていたら、こちらを見つけました。入力するだけで作成できて、助かりました。
    文字に関しては、大きさとか重ならないよう位置をずらすとかは修正は不可能なんでしょうか?
    よろしくお願いいたします。

  42. stabucky より:

    >momotomiさん
    ご利用ありがとうございます。
    文字の大きさ、位置を変える機能は付いていません。
    申し訳ありません。

  43. StrixHiro より:

    非常に便利なツールを公開していただきありがとうございます。

    Excelオンラインおよび、スプレッドシートでは、
    円グラフスケジュールを作成できなかったため、
    利用させていただいております。

    作成したスケジュールをブログに掲載させていただきたいのですが、
    よろしいでしょうか?

    41~43と重複しているお願いになりますが、ご検討いただけますと幸いです。
    よろしくお願いいたします。

  44. stabucky より:

    >StrixHiroさん
    ご利用ありがとうございます。
    ブログ掲載については問題ありません。
    よろしくおねがいします。

  45. StrixHiro より:

    ありがとうございます。
    リンクやアドレスも併せて掲載させて頂きますね。
    よろしくお願いいたします。

  46. SH より:

    とても便利で感動しました!
    作成したグラフをインスタやfacebook(委員会活動目的)などに使わせてただくことは可能でしょうか?

  47. stabucky より:

    >SHさん
    ご利用ありがとうございます。
    インスタでも何でも問題ありません。
    よろしくお願いします。

  48. SH より:

    ありがとうございます^^
    早速使わせていただきます!

  49. nurse より:

    素晴らしいです!学校の講義で1日の生活スタイルを示す必要があるのですが、使用してもよろしいでしょうか?

  50. stabucky より:

    nurseさん
    ありがとうございます。
    どうぞお使いください。

  51. maison より:

    欲しいと思ってました!
    こちらのツールをオンラインイベントで使用したいのですが、使わせていただくことは可能でしょうか?(金銭は発生しない会員向けのイベントです)

  52. stabucky より:

    maison さん
    ありがとうございます。
    是非お使いください。

  53. baku より:

    とても便利で使わせてもらっています。

    予定テキストに半角で”&”を入れると表示がおかしくなる不具合があるようです。

  54. stabucky より:

    bakuさん
    ご利用ありがとうございます。
    &の件は対応したいと思います。
    2023年3月31日追記
    修正しました。

  55. BlackBox より:

    撮影予定の動画企画に利用させていただきます!
    役立つツールの提供ありがとうございます!

  56. stabucky より:

    BlackBoxさん
    ありがとうございます。
    お役に立てたのであればうれしいです。

  57. […] 作成ツール:「24時間サークルメーカー」https://stabucky.com/wp/archives/8537 […]

  58. より:

    5分単位でお願いできますか?

  59. stabucky より:

    >刄さん
    5分単位だと文字の表示が難しいです。
    次のページを使って5分を小数で入力する方法が考えられます。6時5分であれば6.08とします。
    https://tool.stabucky.com/maker/twentyfour/index_color.htm

  60. tisnce より:

    15分単位で作成できるようにして欲しいです。

  61. stabucky より:

    >tisnceさん
    次のページを使います。
    https://tool.stabucky.com/maker/twentyfour/index_color.htm
    データを次のように与えてください。
    6,起床,FFAAFF
    6.25,朝食,99FFFF
    8,散歩,FFAAAA
    時刻は6時ちょうどであれば「6」、6時15分であれば「6.25」とします。15分は0.25時間に相当するからです。

  62. tisnce より:

    ありがとうございます ˃ ˂
    早速利用させていただきます!

  63. stabucky より:

    >tisnceさん
    よろしくお願いします。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報