橋口 和樹

現場日報・勤怠システム（電気工事会社）

紙の日報と Excel 出勤簿を、携帯の打刻とクラウド管理に置き換えた。作業員PWA、職長画面、Web管理画面、Windows管理アプリ、Excel出勤簿の自動出力（既存の様式のまま）。

基盤

Cloudflare Workers / D1 / R2、5分ごとの未入場判定 cron

規模

API 164本、4ロール、追加専用マイグレーション

認証

管理者 TOTP 2段階、リカバリーコード、端末セッション管理、重要操作の再認証

バックアップ

分離した Backup Worker から private R2 へ日次・週次・月次。SHA-256 照合、隔離環境で復元試験

テスト

Vitest、Playwright（iPhone WebKit / Android Chromium）

障害対応

2026-09 D1 読取上限超過の 500 を、バックアップと件数照合のうえ有料プラン移行で復旧。同時期の権限不具合を特定し修正・再配備

本番 URL は顧客のものなので非公開。画像は社名を外しています。

勤怠管理画面 11面

上のシステムの管理画面をデザインから作り直したもの。闇地・白・金の3色、朱は会社休日だけ。太字なし、表は罫線 1px のみ。労働時間の合計は出さない仕様。

BEAUTY16 — 美容タイプ診断

質問に答えると 16 タイプに分類する診断 Web アプリ。図鑑ページ、OGP、sitemap、robots まで揃えて Vercel で公開。

Madori3D / K5 — 間取り 3D CAD とパストレーサ

住宅向け間取り 3D CAD（Electron + Three.js）に、自作の DXR パストレーサ K5（C++ / D3D12）を統合。Preview / Photo / DXR が同じシーン記述を共有する。判定は「静止1枚の写実性」で、実画像と MSE / PSNR / firefly 画素数で回帰確認する。

状態

Release Candidate 2.5.0 — build PASS、単体 103/103、E2E 75/75、portable / setup 起動確認

技術

TypeScript、Three.js、Electron、C++、D3D12 / DXR、Vitest、Playwright

Web サイト計測パイプライン

13,560 サイト・102,204 章を Playwright で採取し、書体・行間・余白・コントラスト・角丸を機械計測。高級と判定した 10,935 本の中央値を統計化して、設計判断の根拠にした。

企業サイト（電気工事会社）

単一 HTML・外部依存ゼロ・2.1MB。Playwright で全章のコントラスト比（最低 14.40:1）、横溢れ 0、JS エラー 0 を自動計測して検収。画像生成のパイプラインと判断記録を含む。