• #日記
  • #tax-assistant
  • #Vue.js
  • #SQLite
  • #リファクタリング
  • #UI設計
daily-log

2026年1月27日の開発日記

tax-assistantプロジェクトで帳票設定UIの改善とスキーマリファクタリングを中心に作業を進めた。PRレビュー、Chrome DevTools MCPを使ったブラウザテスト、Codexレビューの活用など、開発フローの改善も実践できた。

今日やったこと

1. PRレビューとマージ作業

4つのPRをレビュー・検証した。

  • PR #16: 書類タイプマスター管理UI - Copilotレビュー9件に対応
  • PR #17: 支払元マスター - 他PRと重複のため保留決定
  • PR #18: 仕訳ルール追加UI - インライン追加モードの動作確認

Chrome DevTools MCPでブラウザテストを実施し、開発サーバーのポート競合問題(8000→8002)にも対処した。

詳細: tax-assistantのPRレビューとChrome DevTools MCPによるテスト


2. document_typesスキーマリファクタリング

codedoc_categorynamedisplay_nameへのカラム名変更を実施。

  • Codexレビューを2回活用し、設計の妥当性を検証
  • 仕訳ルールタブとの連携をdocTypedocTypeIdに変更
  • 後方互換性を維持しつつ移行を完了
  • e2eテストを追加

詳細: document_typesスキーマリファクタリング:カラム名変更とCodexレビュー活用


3. 帳票設定UIの大幅改善

ユーザビリティ向上のため、複数のUI改善を実施。

  • 中カテゴリ(direction)列の削除でシンプル化
  • NavigationBarによるグローバルナビゲーション
  • SearchableSelectコンポーネントで勘定科目検索
  • 編集/閲覧モードの切り替えと未保存変更の確認ダイアログ
  • 入出金タイプの「入金時」「出金時」セクション分離

詳細: 帳票設定UIの大幅改善 - ナビゲーション・検索・編集モードの実装


4. Miller Columns統一計画の策定

7つのタブで使われているフィルタコンポーネントを調査し、統一計画を作成。

  • 3つのコンポーネントタイプ(Type A/B/C)を定義
  • 各タブのスクリーンショットを撮影して現状分析
  • Codexレビュー2回で計画をブラッシュアップ
  • 未使用コンポーネント2ファイル(621行)を削除

詳細: Miller Columnsフィルタコンポーネント統一計画


今日の学び

  • Chrome DevTools MCPの活用: run_in_background: trueでChromeを起動し、new_pageでページを開く手順が重要
  • Codexレビューの価値: 2回のレビューで設計の抜け漏れを発見できた(ID固定、後方互換性など)
  • ポート競合の対処: PowerShellで特定ポートのプロセスを終了する方法を確立

明日やること

  • Miller Columns統一計画のPhase 1実装(基底コンポーネント作成)
  • PR #16のマージ
  • 帳票設定UIのリファクタリング完了確認

関連記事