DayFlip Timer

Hour height
00:00:00

📖 DayFlip Timer の使い方

⏱️ タイマー機能

  • 作業内容を入力して「Start」ボタンを押すと計測開始
  • ストップウォッチが表示され、経過時間をリアルタイム表示
  • 「Stop」ボタンで停止し、内容を確認・編集してから保存
  • 保存すると自動的にカレンダーに予定として登録されます

📅 週表示

  • 予定の追加: 空白部分をクリック(PC)または長押し(スマホ)で追加
  • 予定の移動: 予定の下部バーをドラッグして時間や曜日を変更
  • 時間の調整: 下部バー右端をドラッグして終了時刻を変更
  • 予定の編集: 予定をクリックまたはタップで編集ダイアログを表示
  • Hour height: スライダーで1時間の表示サイズを調整可能
  • 横スクロール: 週が狭い場合、横にスワイプまたはホイールでスクロール

📆 月表示

  • 各日の合計時間と予定数を一覧表示
  • カラードットで予定の種類を視覚的に確認
  • 日付をクリックすると、その日の週表示に移動
  • 月全体の作業量を俯瞰できます

✨ その他の機能

  • + 追加ボタン: 現在時刻から1時間後の予定を素早く作成
  • 色分け: 6色のカラーパレットで予定を分類可能
  • キーボードショートカット:
    • Space: タイマー開始/停止
    • Ctrl/Cmd + Enter: 予定を追加
  • オフライン対応: すべてのデータはブラウザに保存され、オフラインでも動作
  • Today ボタン: 今日の日付にジャンプ
  • ◀ ▶ ボタン: 前後の週/月に移動

💾 データ管理

  • データはブラウザのローカルストレージに自動保存
  • ブラウザのデータを消去しない限り永続的に保存されます
  • 「Reset」ボタンで全データを削除(確認ダイアログ表示)
  • ⚠️ データのバックアップ機能はありません。重要な記録は別途保存してください

💡 Tips

  • 予定のタイトルは必須入力です(空欄では保存できません)
  • タイマーは1秒未満の計測では保存されません
  • 予定の終了時刻は開始時刻より後に設定してください
  • スマホでは横画面でより快適にご利用いただけます

メニュー

予定
ドラッグ移動 / 上下リサイズ対応
内容一覧
📊 週次レポート
💾 データ入出力

📥 インポート

CSVファイルを選択してデータをインポートします。同じIDのデータは上書きされます。

📤 エクスポート

現在のデータをCSVファイルとしてダウンロードします。

📋 CSV形式

カラム: id, desc, date, start, end, colorIdx
例: abc123, 会議, 2025-01-13, 09:00, 10:30, 0
UTF-8エンコーディング、ヘッダー行あり

Saved