えりまき作業タイマー（配信用・OBSのブラウザソース）
作者：分かり合えないとかげ（えりまき工房）

■ これは何
作業と休憩を交互に数えるタイマーです（初期は作業25分・休憩5分）。
切り替わりのとき、えりまきトカゲがえりを広げて知らせます。
今日の作業回数と、画面に出す一言も表示できます。一時停止中はトカゲが目を閉じて待ちます。表示の背景は透明です。
ファイルは sagyou_timer.html の1つだけ。インターネットにはつながりません。

■ 使い方
1. sagyou_timer.html をパソコンの好きな場所に置き、ブラウザ（Chrome・Edgeなど）で開きます。設定画面が出ます。
   ※ あとでファイルを動かすと、OBSに貼ったURLが使えなくなります。置き場所を決めてから設定してください。
2. 作業と休憩の分数、一言、大きさ、見た目、作業中の色、トカゲ・今日の回数を出すか、始め方、音を選びます。
3. 「URLをコピー」を押します。
4. OBSの「ソース」で ＋ →「ブラウザ」を追加します。
5. 「ローカルファイル」のチェックは外したままにして、URL欄にコピーしたURLを貼ります。
6. 幅と高さに、設定画面の見本の下に出る数字を入れます（大きさ「中」なら 幅604×高さ194）。

■ 配信中の操作（OBSでソースを右クリック→「対話」）
・クリック、またはスペースキー … 一時停止／再開
・N … 次へ飛ばす（作業を飛ばしたときは回数に数えません）
・R … 今の区切りを最初からやり直す
・0（ゼロ）… 今日の回数を0にする
・表示を最初から始めたいときは、ソースのプロパティで「現在のページのキャッシュを更新」（英語版は Refresh cache of current page）を押します。ボタンの名前はOBSの版によって違うことがあります（作者はOBS実機で確かめていません）。

■ OBSを開いているだけで回数が増えるのを防ぐには
OBSのブラウザソースは、配信していなくても動き続けることがあります（OBS実機では未確認）。
・設定画面の「始め方」を「止まった状態で待つ」にすると、クリック（またはスペース）するまで動きません。
・配信を始めるときに R（区切りのやり直し）や 0（回数を0に）を押すと、きれいに始められます。

■ 知っておいてほしいこと
・今日の回数は、そのブラウザ（OBSならOBSの中）だけに保存されます。日付が変わると0から数えます。設定画面とOBSでは別々に数えます。OBSの再起動のあとも残るかは確かめていません。
・再読み込みすると、残り時間は作業の最初に戻ります（今日の回数は残ります）。
・音は初期設定では鳴りません。鳴らすときは「切り替わりの音」を「あり」にしてください。OBSで音を配信に乗せるには、ブラウザソースの「OBSで音声を制御する」をオンにします。
・設定はURLの中に入っています。設定を変えたいときは、設定画面で作り直したURLをOBSに貼り直してください。

■ 確かめたこと・確かめていないこと
・確かめた：Chromium（ヘッドレス）で、設定画面の表示（1280×720・390×844）、設定どおりの表示、背景が透明であること、作業→休憩→作業の切り替わりと回数、一時停止・キー操作、600倍の早送りで作業と休憩を約1500回くり返す5分間の連続動作でエラーが出ないこと、日本語入力がオンでもキー操作が効くこと（キーの位置で判定）、外部への通信がないこと。
・確かめていない：OBS実機での動作、OBSでの音、Mac・Safari・Firefox・スマホでの動作。うまく動かないときは、えりまき工房のBOOTHショップからお知らせください（必ず直せるとは限りません）。

■ ご利用について
・無料です。配信（収益化した配信を含む）で自由に使えます。クレジットの表記はいりません（書いてもらえるとうれしいです）。
・ファイルそのものの再配布・販売はしないでください。
・コードとレイアウトはAI（Claude）が作り、作者が確認しています。
・えりまきトカゲは、えりまき工房のオリジナルです（図形の組み合わせで、AIがコードで描いています）。

■ 作ってほしいものがあれば
ゲーム・道具・印刷物など、えりまき工房のBOOTHショップの募集フォームから送ってください。