自主制作 / 個人用ツール

CSV Insight

CSVから、月別・商品別の売上を見渡す。

日々の売上をCSVで管理している人に向けて、読み込み・集計・可視化・結果保存までをひとつにまとめた業務支援ツールです。Pythonによる集計と、ブラウザーで操作できる画面を組み合わせました。

Python / HTML / CSS / JavaScriptWindows・ローカル利用2026年10月

想定した課題

売上CSVを受け取るたびに、表計算ソフトで月別・商品別の集計を作り直す。入力ミスの確認や、報告用の数字をまとめる作業にも手間がかかる。

このような繰り返し作業を、少ない操作で進められる形にすることを目指しました。

CSVを読み込むと、売上合計・販売数量・明細数・商品数を表示。月別の推移と商品の売上構成を確認し、必要な期間を絞ってCSVに書き出せます。

ダブルクリックで起動できる、個人のPC内で完結する構成です。

UTF-8・Shift_JISに対応。代表的な列名を自動で見つけ、異なる場合は画面で対応する列を選べます。

期間を指定して再集計。棒グラフ・折れ線、商品別ランキングから売上の傾向を確認できます。

月別・商品別の集計をCSVで保存。入力に不備があれば、その行と理由を確認できます。

金額を正確に計算: PythonのDecimalで数量×単価を集計。正確な値をCSVに出力します。画面のグラフにはJavaScriptの数値を使います。
集計と画面を分離: CSV解析・検証・集計をPython側、操作とSVGグラフをJavaScript側に分け、変更と検証をしやすくしています。
複数の観点で検証: 行の順番を変えても集計が変わらないこと、月別・商品別の合計が一致すること、日付や数値の境界などを自動検証します。
データをPC内で処理: 外部API・AIモデル・CDNを使わず、入力ファイルを保存しない設計。フォントも同梱しています。
入力ミスを伝える: 列の重複や日付の逆転を入力欄の近くに表示。キーボード操作、読み込み状態、フォーカスの見やすさも調整しました。

淡いグリーンを基調に、合計・グラフ・明細の順で情報を配置しました。文字と背景のコントラストを確保し、小さな画面でも項目を追いやすいレイアウトにしています。

画面はスマートフォン幅にも対応しています。実際の利用は、Pythonを実行している同じPCのブラウザーを想定しています。

AIによる実装支援を活用した自主制作です。業務課題を整理し、入力・処理・出力までをつなげる設計例として制作しました。

実際の顧客への導入実績や、作業時間の短縮効果は未測定です。アプリ内にAI分析機能はありません。