作業配信・勉強配信の画面に、カワウソのオットリといっしょに出す作業タイマーです。 「25 分作業して 5 分休む」をくり返すポモドーロという方法で、残り時間・回数・今日集中した時間を表示します。 OBS のブラウザソースで、パソコンの中のファイルを開くだけで使えます。ほかのアプリはいりません。 ■ できること ・作業 → 休憩 → 作業 … をくり返し、決めた回数ごとに長めの休憩（最初は 25 分・5 分・4 回ごとに 15 分） ・長さは自分で決められます：作業 1〜180 分、休憩 1〜60 分、回数 1〜12 回。長めの休憩はなしにもできます ・表示：「作業中」などの文字（変えられます）、大きな残り時間、残りを示すリングかバー、「2 / 4」と点の回数、「今日の集中 1:15」、いまの時刻（出すかどうか選べます） ・切りかわるときは、板がふわっと一度動きます。ごく小さな音も出せます（作業と休憩で音がちがいます。最初はオフ） ・数字の幅がそろっているので、残り時間が変わってもタイマーの大きさが動きません。明るい画面でも暗い画面でも読みやすい板つきです ■ 動かし方は 2 つ ・時計に合わせる：パソコンの時計で自動で切りかわります。25＋5 なら毎時 00 分と 30 分に作業が始まります。ボタンを押す必要がないので、OBS ではこれがかんたんです（作業＋休憩が 60 を割り切れる長さのとき。長めの休憩はなし） ・ボタンで動かす：スタート・一時停止・次へ・はじめから。次の時間を自動で始めるか、00:00 で待つかを選べます。URL に autostart=1 と書けば、開いたときに自動でスタートします ・OBS を閉じたり読み込み直したりしても、タイマーは続きから動きます。閉じているあいだに切りかわっていても、正しいところから始まります ■ いっしょにがんばるオットリ ・作業中は、あおむけになって石をみがいたり、おなかの上で貝をわったり、石をぽんと投げたり、ときどき立って窓ふきをしたり。 ・休憩中は、お水を飲んだり、のびをしてあくびをしたり、お昼ごはんを食べたり、うしろにもたれてひと休み。 ・長めの休憩では、あおむけにぷかぷか浮かんで、ぐっすり眠ります（ときどき寝がえり）。 ・作業がひと区切りつくと、ぴょんとはねてよろこび、次の作業が始まるときは手をふります。 ・動きはゆっくりで小さく、点滅や小刻みなゆれはありません ■ 設定 ・OBS の「対話」から開く設定画面で、または URL（アドレス）に書いて決められます。URL に書けば、対話ウィンドウを使わなくても設定できます ・設定画面には「この設定の URL」が出るので、コピーして OBS に貼るだけです ・テーマ 3 種類（ミルク・よぞら・さくら）、休憩中は板の色を少し変える、大きさ S/M/L、位置（四すみと中央）、キャラクターの表示と左右 ・「テスト：10 秒ずつで回す」で、ひとまわりの動きをすぐ確かめられます ・設定はパソコンの中に保存されます。色や大きさは CSS 変数なので、OBS のカスタム CSS からも変えられます ■ 安心して使えるように ・時間はパソコンの時計で計算します。インターネットにはつながりません（通信がひとつもないことを自動テストで確かめています） ・見えていないシーンから表示にもどしたときも、すぐ正しい残り時間を出します ・長時間置いても重くならないように作りました（作った環境での計測は下の「動作について」） ■ 無料版と製品版 無料版（0 円） ・作業 25 分・休憩 5 分（長めの休憩なし） ・ボタンで動かす／時計に合わせる（25＋5）の両方 ・回数（「2 / 4」と点）の表示、位置とキャラクターの表示・左右 ・オットリは作業と休憩の姿 ・テーマはミルク、大きさは M。設定は保存しません（URL に書いた設定は使えます。動いているタイマーは読み込み直しても続きます） 製品版 ・無料版でできることは、すべてできます ・時間の長さ・長めの休憩・回数を自由に ・今日の集中、いまの時刻、文字の変更、リングかバー ・オットリのお祝い・手ふり・長めの休憩で眠る姿 ・テーマ 3 種類、大きさ S/M/L、切りかわりの音 ・設定の保存 ■ 動作について ・OBS Studio のブラウザソース用に作りました。 ・作った環境のブラウザ（Chromium）で、時刻を自由に進められる試験用の仕組みを使って自動テストをしました：残り時間・回数・今日の集中の表示、作業 → 休憩 → 長めの休憩の順番、3 時間止まったあとの最初の表示、切りかわりのお知らせが一度だけ出ること、読み込み直したあとも続くこと、設定の保存（製品版）と無料版の制限、通信がひとつもないこと、12 時間分動かしてもメモリが増えないこと。 ・Windows のパソコンのブラウザ（Chromium 系）でも開いて確かめました：「時計に合わせる」の残り時間がパソコンの時計から計算した値と秒まで同じこと（25 分＋5 分、50 分＋10 分）、スタート・一時停止・次へ・はじめから、10 秒ずつのテストで作業→休憩→作業と進むこと、読み込み直しても続きから動くこと、URL での設定、無料版の制限。まだ確かめていないこと：OBS の画面での表示、「対話」ウィンドウからの操作、OBS の中での音、OBS を閉じて開いたときに続きから動くか。 ・まずは無料版で、お使いの環境で動くか確かめてからお求めください。 ・OBS の更新で、仕様が変わることがあります。 ■ 内容 ・タイマー（timer フォルダ。OBS で timer/index.html を開きます） ・はじめにお読みください.txt／利用条件.txt／更新履歴.txt ■ 利用条件（くわしくは同梱の 利用条件.txt） ・ご本人の配信・動画で使えます（収益化 OK）。1 つの購入で配信者 1 人分です。 ・ファイルの再配布・転売、キャラクターの見た目を変える編集、AI 学習・NFT への利用はできません。 ■ キャラクターと AI について キャラクター「オットリ」は、娘が描いてくれたスケッチから生まれ、AIの助けを借りて仕上げたオリジナルのイラストです。 プログラムと説明文づくりには、AI の力を借りています。