日時の差を瞬時に計算し、作業ログを記録・管理できるブラウザ完結型ツールです。
開始日時と終了日時を入力するだけで、その差を日・時間・分・秒の単位で瞬時に表示します。 さらに作業名と組み合わせてログとして保存し、作業時間を蓄積・管理することができます。
2つの日時を比較して、差を複数の単位で分かりやすく表示します。
作業名と日時を紐づけて保存。複数の記録を一覧で確認できます。
保存したログをExcelで開けるCSVファイルとしてダウンロードできます。
シンプルな画面の中に、日常の作業管理に必要な機能が揃っています。
画面右上に現在時刻が1秒ごとに更新されます。「今この瞬間から何時間後まで」といった計算の基準として活用できます。
開始・終了日時を入力して「計算する」ボタンを押すと、差を
日 時間 分 秒 に分けて表示します。
さらに合計時間（例：3.75 時間）もまとめて確認できます。
計算結果が50時間を最大値としたプログレスバーに視覚化されます。 どれだけの作業量かを直感的に把握できます。
作業名を入力してログを保存すると、一覧テーブルに追記されます。 すべてのログの累計時間も自動で計算・表示されます。
保存したログを timelog.csv として書き出せます。
Excel・Numbers・Google スプレッドシートなどで開いて集計・分析に使えます。
「ログ削除」ボタンで確認ダイアログの後、すべてのログをリセットできます。 新しいプロジェクトを始める際などに便利です。
操作はシンプル。以下の流れで使い始められます。
「開始日時」の入力欄をクリックし、カレンダーから日付と時刻を選択します。
「終了日時」の入力欄も同様に設定します。開始より後の日時を指定してください。
ボタンを押すと結果パネルが表示され、日・時間・分・秒 の差と合計時間が確認できます。
「作業名」欄に内容を入力し「ログ保存」を押すと、日時・時間とセットで一覧に追加されます。
「CSV ダウンロード」を押すと timelog.csv が保存されます。Excelで開いて集計に使えます。
すべての機能はブラウザのみで完結します。インストールは不要です。
| 項目 | 内容 |
|---|---|
| 動作環境 | Chrome Firefox Safari Edge （最新版推奨） |
| インストール | 不要 — HTMLファイルをブラウザで開くだけ |
| サーバー通信 | なし — すべてオフラインで動作 |
| データ保存先 | localStorage ブラウザのローカル領域に保存（外部送信なし） |
| エクスポート形式 | CSV (UTF-8 BOM) Excel・Numbers で文字化けなく開ける |
| 使用技術 | HTML5 / CSS3 / Vanilla JavaScript |
| 依存ライブラリ | なし（外部フォントのみ使用） |
データの注意点：ログはブラウザの localStorage に保存されるため、 ブラウザのデータを消去するとログも削除されます。 大切な記録はこまめにCSVでエクスポートすることをおすすめします。