作業配信・もくもく会・朝活で使う、作業時間の記録用オーバーレイです。開始／一時停止／再開／終了を自分で押して計測し、区間ログ・今日の合計・通算の合計・目標の達成率・日別の棒グラフを1枚にまとめて表示します。 プラグイン不要・インストール不要・アカウント不要・1ファイル・通信ゼロ。OBSのブラウザソースに置くだけで、背景透過のまま重ねられます。 ━━━━━━━━━━━━━━━━━━ ◆ できること ━━━━━━━━━━━━━━━━━━ ・作業時間の計測（開始／一時停止／再開／終了）。今のセッションの経過を大きく表示 ・区間ログ … 「開始時刻–終了時刻／作業名／作業時間」を新しい順に一覧表示 ・作業名を付けられる。候補を登録しておけば画面上のクリックで切り替え（切り替えた所で区間が区切れます） ・今日の合計／通算の合計を常時表示 ・目標時間（分）を決めて、達成率をバーまたはリングで表示。届くと「達成」表示 ・ポモドーロを任意でON（作業N分・休憩M分）。休憩に入ると色と表示が変わって配信画面でも分かります ・「休憩が終わったら一時停止して待つ」を選べます（初期状態オン） ・日別の棒グラフ（3〜31日）。外部ライブラリを使わず自前で描いています ・記録の書き出し／読み込み。書き出しはJSONとテキストの2形式、読み込みはJSON（追加／置き換え）。コピー＆ペーストだけで完結します ・日本語／English 切替（ブラウザ言語で自動判定、⚙や ?lang= でも指定可） ・配色5種（ブルー／rose／gold／mint／mono）・大きさ 0.5〜3 倍・背景パネルのオンオフ ━━━━━━━━━━━━━━━━━━ ◆ 記録が消えない作りにしています ━━━━━━━━━━━━━━━━━━ ・記録と設定は別々に保存しています。⚙の「設定のみリセット」は見た目・動作の設定だけを戻し、記録には触りません ・記録を消すのは⚙の「記録の削除」だけ。「今日の記録」「すべての記録」の2つがあり、どちらも確認を1回挟みます ・記録はJSONで書き出してコピーできます。テキストに貼って保管しておけば、消えても戻せます ・計測中は3秒ごとに状態を保存しています。閉じていたのが60秒以内なら計測はそのまま続き、60秒を超えていた場合は最後に保存できた時点までを確定して「一時停止」で戻ります（寝落ちやPCの電源断で作業時間が水増しされません） ━━━━━━━━━━━━━━━━━━ ◆ 使い方 ━━━━━━━━━━━━━━━━━━ ・OBS：ソース →「ブラウザ」→ ローカルファイルで worktracker.html を指定（背景は自動で透過） ・操作はソースを右クリック →「対話」から。ボタンはカーソルを乗せた時だけ出るので、配信画面には映りません ・単体：ファイルをダブルクリックしてブラウザで表示 ・推奨サイズ：幅 300 / 高さ 360 くらい（全部出した状態で 268×331 ピクセル。表示項目を減らせばもっと小さくできます） ━━━━━━━━━━━━━━━━━━ ◆ 設定 ━━━━━━━━━━━━━━━━━━ ・マウスを動かすと本体の右上に ⚙ が出ます。クリックで設定パネルが開き、URLを書き換えなくても全項目を変えられます ・⚙ はマウスを動かした時だけ出て、1.4秒動かさないと消えるので、配信画面には映りません ・保存先はブラウザの localStorage（HTMLファイルは書き換わりません） ・?key=abc を付けると、設定と記録の保存先を分けられます（同じファイルを2つ以上置きたい時に） ・URLパラメータでも指定できます（例 ?pomo=on&work=50&rest=10&goal=300&chart=on） ━━━━━━━━━━━━━━━━━━ ◆ 同梱物 ━━━━━━━━━━━━━━━━━━ ・worktracker.html（本体・1ファイル） ・はじめにお読みください.txt ／ READ ME FIRST (English).txt ・利用規約.txt ／ TERMS.txt ◆ こんな方に ・作業配信・もくもく会・朝活で、今日どれだけ作業したかを画面に出したい方 ・作業時間を配信のたびに記録として残しておきたい方 ・チャットツールや外部サービスと繋がずに、自分の操作だけで完結させたい方 ◆ 補足 ・Chrome／Edge 最新版で動作確認済み。ネット接続は不要です ・外部の書体・スクリプト・画像を一切読み込みません ・音は鳴りません（OBSのブラウザソースは音の扱いが環境で変わるため、あえて無音にしています） 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。