Jobcan UI Enhancer

# Jobcan UI Enhancer v1.3.4 ## 出勤簿ページ - 日別の労働時間グラフを追加しました。所定内とシフト外の積み上げで、8時間の定時ラインも引いています。 - 棒にマウスを乗せると内訳が出ます（所定内・シフト外・深夜・休憩、出退勤時刻、月累計、残業時間）。 - その日の工数の入力状況（未入力・不一致）も一緒に表示します。 ## 工数実績一覧ページ - 月次レポートを「プロジェクト別」「クライアント別」「推移（直近6か月）」の3つのタブに分けました。 - レポートの ‹ › で他の月に移動できます。ページを開き直す必要はありません。 ## 工数実績入力ページ - 見出しに編集中の日付と曜日を表示しました（例: 2026/09/10(火) 工数実績入力）。 ## サイドメニュー - 「工数実績一覧」に今月の未入力・不一致の日数をバッジで表示しました。 未入力があれば赤、不一致だけなら橙、すべて入力済みなら緑のチェックです。 マウスを乗せると「今月の工数入力 3/5 日（3 日未入力 ・ 1 日不一致）」のように内訳が出ます。 ## トップページ（打刻画面） - 「本日勤務時間」をJobcanの実績値と照合し、5分以上ずれているときだけ実績値を併記します。 - タイルにマウスを乗せると、Jobcanの休憩時間・残業時間・深夜労働時間が見られます。 ## ログイン - 自動ログインが従業員画面まで正しく進むようになりました。 - パスワードを間違えたとき、Jobcanのエラーメッセージが読めるようになりました。 ## Version 1.3.3 打刻画面（トップページ）の作り直しが中心です。 ### トップページ（打刻画面） - **レイアウトを一新しました。** 時計・PUSH・タイムラインを1枚の大きなカードにまとめ、二重になっていた枠と余白をなくしました。画面幅もいっぱいに使います。 - **時計の上にサマリー行を追加しました。** 本日勤務時間・進捗率・残り時間・目標達成時刻の4枚。打刻漏れなどの件数も、0件でないものだけここにバッジで出ます。 - **タイムラインに凡例とホバーの内訳を付けました。** 勤務・休憩・推定休憩・未確定を色分けし、マウスを乗せると時刻と長さが出ます。 - **打刻場所・備考・夜勤モードを「打刻詳細設定」ボタンに畳みました。** 選択中の打刻場所はボタン上に出るので、開かなくても確認できます。 - **時計カードに背景アニメーションを6種類追加しました。** パルス／ウェーブメッシュ／パーティクル／メッシュグラデーション／オービット／ゴッドレイ。ポップアップの「表示設定 → 背景アニメーション」から選べます（初期値はパルス）。色は勤務状態に追従し、OSの「視差効果を減らす」設定も尊重します。 - **時計の数字に「札束」の厚みをつけました。** 秒の位置には勤務状態のピルが乗ります。 ### 工数の一覧ページ - **日付にマウスを乗せるとカメラが出ます。** その日の工数レポートを、入力ページを開き直さずに作れます。 - **日別グラフをタスク別の積み上げにしました。** 同じタスクはどのプロジェクトでも同じ色。プロジェクト行のどこを押しても開きます。 - **「未入力」「不一致」の日もグラフに出ます。** 点線の枠で示し、横軸には曜日が入ります。 ### その他 - **優先表示設定ページがダークモードに対応しました。** これまで文字がほぼ読めない状態でした。ドラッグハンドルとボタンの折り返しも直しています。 - **「新規申請」ボタンを見出しの右隣に移しました。**（休暇・残業・休日出勤の申請一覧） - **読み込み直後に一瞬Jobcanの見た目が出るのを直しました。** - **拡張の再適用が途中で止まることがある問題を修正しました。** Jobcan UI Enhancer v1.3.2 レイアウトの整理と、v1.3.1で追加した機能の不具合修正が中心のアップデートです。 ■ 工数の入力ページ ・小数点が入力できるようになりました。「2.5」→「2:30」。これまでJobcan側のキー制限で「.」自体が打てず、小数入力が使えませんでした。 ・実績の表示をゼロ埋めしました（0:30 → 00:30）。他の行と桁が揃います。 ・「追加」で行を増やした直後でも、プロジェクト候補がピン留め／最近使った順のまま表示されます。一瞬あとに標準のコード順リストへ戻る問題を修正しました。 ・プロジェクトIDはマウスを乗せたときにポップアップで表示します。 ■ 工数の一覧ページ ・マウスを乗せると、その日の行すべてがまとめてハイライトされます（1日に複数入力がある日も見やすくなりました）。 ・PDFダウンロード・CSVダウンロード・⚙設定を表示月度の行にまとめました。グラフを挟んで離れていたボタンが1か所になります。 ・集計軸の選択をグラフの真上に移動しました。 ■ 打刻グラフ・時計 ・時間軸をその日の打刻に合わせて自動調整するようにしました。早朝・深夜の打刻も見やすくなり、軸の外の打刻も端に表示されます。 ・パタパタ時計が1秒飛ぶ問題、スクリーンショットで数字が途中で止まる問題を修正しました。 ・勤怠データの取得時刻を表示するようにしました。 ■ サイドメニュー ・開いたメニューを閉じられない問題を修正しました（拡張が折りたたみボタンを隠していたためです）。折りたたむと本文の表示幅が広がります。 ・折りたたみ時のレイアウトのずれを修正しました。 ■ その他 ・ボタンにマウスを乗せたときに位置がずれる動きをやめました。 ・効果のなかった処理・未使用のスタイルを削除しました。 ※更新後は chrome://extensions/ で本拡張を再読み込みし、Jobcanのページをリロードしてください。 Version 1.3.1 工数ページの使い勝手の作り込みと、コード監査で見つかった不具合・性能問題の修正。 工数実績入力（edit-achievement）: 実績欄の数値直接入力を修正（3→3:00、2.5→2:30、全角もOK）。従来は再描画で効かなくなり、Jobcan側に入力を消されていました。 プロジェクト欄の (コード) を非表示にして名称だけを表示。コードはホバーで表示し、ID／名称のコピーボタン付き。 プロジェクト・タスク・メモは、列幅で切れてもホバーで全文表示。 上部にサマリーヘッダー（実績／実労働時間／差分）と日付ナビ（前の日・今日・次の日）を追加。 「追加・スクリーンショット・保存」を1本のアクションバーに集約。スクショはその日の工数レポートを自動生成。 プロジェクト一覧をローカルにキャッシュし、部分一致検索が最初の1文字から使えるように（従来は約2.9秒待ち）。 工数実績一覧（achievement-list）: 「工数入力 12/20 日」のカウント＋進捗バーと、未入力・不一致の日付チップ（クリックで該当行へジャンプ）を追加。ダークモード改善。 申請一覧（休暇／残業／休日出勤）: 0件時の空状態メッセージと、承認ステータスのチップ表示を追加。 その他: ポップアップUI刷新（配色統一・キーボード操作・オフライン対応アイコン）、勤怠データ取得を高速化（iframe→fetch）、ログイン失敗時にボタンが固まる問題を修正、紙吹雪の連続発火を修正、GIF機能を削除。 version1.3.0: 工数実績入力ページ（edit-achievement） モーダルではなく独立ページになった新UIに全面対応。 プロジェクト／タスクの部分一致検索に対応。Jobcan標準のオートコンプリートは前方一致のみでしたが、全プロジェクト（約600件をページング取得・キャッシュ）を検索ソースに追加し、名称の途中の語（例「ベネッセ」）でも候補が出るようにしました。選択・保存はJobcan標準の仕組みをそのまま使うため、データの整合性も保たれます。 工数（実績）欄の小数時間入力に対応（例: 3 → 3:00、2.5 → 2:30）。 実労働時間との差分を埋める「提案」チップを各行に表示。 キーボード操作: Shift+Enter で行追加、Cmd/Ctrl+Enter で保存。 コンパクトなサマリーヘッダーと日付ナビゲーションを追加。SVGアイコンの前日／翌日ボタンで素早く移動でき、未来日付は選択できないよう制御。 プロジェクト名・タスク・備考の列幅を最適化し、ドロップダウン幅も拡大。長い項目はホバーで全文表示。 工数実績一覧ページ（achievement-list） Web Worker による非同期描画に対応。 フィルタ（すべて／工数不一致）と、工数実績が総労働時間と一致しない日のハイライトを追加。 レポート機能を新APIで再構築（プロジェクト別／タスク別集計、KPI、差分・未選択件数）。各日のモーダルを開く旧方式を廃止し、一覧から直接集計するように変更。 レイアウト不具合を修正（「表示月度」ラベルがBootstrapの列幅を上書きし、年月セレクター・表示ボタンが画面外に押し出されていた問題）。 セキュリティ 保存済みログイン情報の保存先を chrome.storage.sync から chrome.storage.local へ移行。アカウント間で同期されず、端末内のみに保存されるようになりました（既存の保存情報は自動移行）。 ポップアップUIの刷新 Material Icons をインラインSVGに置き換え、オフラインでも崩れず軽量化。 注入ページとプライマリカラーを統一し、見た目の一貫性を向上。 ARIAロール／キーボード操作対応でアクセシビリティを改善。ドロップダウンにセクションラベルを追加。 不要になったGIF生成機能を廃止（gif.js 等を削除）。 ダークモード 新しい工数管理ページ向けに全面調整（テーブルヘッダー、テキストエリア枠線、ボタン、工数調整ポップアップなど）。 Jobcan標準のオートコンプリート候補（Bootstrap由来の白背景）をダーク用に上書き。 Google Charts の背景・文字・グリッド線をダークモードに対応。 内部変更 新APIクライアント manHourApi.js、ページ別モジュール manHourEdit.js / manHourList.js を追加。 旧モーダル／<select> 前提のコード（tableFilter.js など）を削除し、関連ウォッチャー・ショートカットも整理。 勤務進捗に目標労働時間の概念を追加し、ステータス表示を明確化（clock.js）。 古い勤務時間スナップショットを自動削除するデータ整理機能を追加（dataExtraction.js）。 version 1.2.5: Clock / day bar: Work vs off segments, progress styling, dark mode, CSS variables; marker and hover tweaks. Work-time overlay: Refetch month, caching, employee-page behavior, ties into table filtering. Table report & filter: Layout and trend/summary UI, popovers, edit flows, better mismatch/empty-row filtering and totals. Man-hour modal: Resizable side panel plus ongoing layout/control polish. Screenshots: GIF support and theme-aware styling. Misc UI: Calendar buttons/cells, floating action button tooltip, global color tokens and fonts. Forms: Project usage tracking in formEnhancer. version 1.2.2: - **機能追加:** - ”予測残業時間”を労働データポップアップに追加（右下のカレンダーボタンから確認できます） version 1.2.1: - **UI改善:** - サイドメニューをずっと表示するように調整（自動閉じる機能を削除） version 1.2.0: - **UI改善:** - ダークモードを追加 　- 工数管理ページで工数不一致の項目絞り込める 　- 工数入力の自動化（項目追加押しした後にプロジェクトの一覧が自動的に表示、プロジェクト、タスクが選択したら自動的に工数入力欄にフォーカス） version 1.1.4: ## Recent Updates Summary ### 機能改善とバグ修正 - **UI改善:** - 月セレクターと関連ボタンのデザインをより小さく、控えめなスタイルに調整しました。 - 時計UIのフリップアニメーションとプログレスバーの表示を改善しました。 - **スクリーンショット機能:** - メインおよびフォーム内のスクリーンショット取得時の問題を修正しました。 ### 内部構造の変更 - **コードのモジュール化:** これらの変更により、全体的なパフォーマンス、安定性、およびユーザー体験が向上しました。 version 1.1.3: 追加機能：出勤簿に表示される労働データを全ページで表示できるようにしました bug修正、performance 向上。 version 1.1.1: bug修正、performance 向上。 機能説明： Jobcan UI Enhancerは、Jobcanのユーザー体験を大幅に向上させるために作られたブラウザ拡張機能です。このプラグインは、ユーザーインターフェースの改善、時間管理機能の強化、情報の視認性向上など、サービスの利用をさらに快適かつ効率的にするための多彩な機能を提供します。以下に、各機能の詳細…