請求書支払計算拡張

背景

利用中の請求書受領サービスには、相殺・違算・手数料を差し引いて支払金額を算出する機能がない。月20件以上の請求書で相殺・違算が発生しており、手計算ではミスが起きやすく、外部ツールとの画面切り替えも非効率だった。

サービス画面上で直接計算できる拡張機能を作り、計算ミスと画面切り替えの手間を解消した。

概要

請求書受領サービスの画面右下にフローティングパネルを表示し、請求金額から相殺・違算・手数料を差し引いた支払金額をリアルタイムで計算するChrome/Edge拡張機能です。

主な機能

• 計算パネル: サービス画面上にフローティングパネルを表示
• リアルタイム計算: 金額入力で支払金額を即座に算出
• 請求金額の自動取得: 画面のDOMから請求金額を自動取得
• クリップボードコピー: 計算結果をワンクリックでコピー
• ドラッグ移動・最小化: パネルの位置調整とアイコン化

技術的な特徴

• Shadow DOM: サービス画面のCSSとスタイル競合を防止
• DOM解析: 画面から請求金額を自動取得
• Manifest V3: 最新の拡張機能仕様に準拠
• バニラJavaScript: 外部ライブラリ不使用

担当範囲

社内業務効率化ツールとして企画・設計・実装を担当。