AI に銀行の取引明細を作らせてみた — 前の回で出した ¥の整形処理を、次の AI が見つけて絶賛した（やってみた #34）

⁠やってみたシリーズ⁠: 自作のデザインシステム @gunjo/ui（群青）を、群青のことを一度も見たことのない AI に、実際の画面で組ませていく連載。銀行3枚目——⁠取引明細 / 取引履歴⁠（期間・カテゴリ・金額の絞り込み／残高推移カラム／CSV 書き出し／モバイルでカード化）。

「各業界で複数枚」の方針で銀行を深掘り。#32=フォームの層、#33=チャートの層、今回 #34 は ⁠情報密度の高いデータテーブル＋絞り込み＋書き出しの層⁠です。

結果 — 4.5/5（銀行で最高スコア）

tsc/build 緑・console 0・375px でテーブル→カード表示・h1 1個・aria-sort も正しい。

この回の主役 — 前回出した ¥の整形処理を、次の AI が見つけて使った

#33 で、チャート周りの数値整形が手組みになる不足を見つけ、formatCurrency/formatNumber/formatPercent（#180）を出荷しました。⁠その次の回（#34）の予備知識ゼロの AI が、それを入口から発見して全面的に採用しました⁠:

⁠formatCurrency/formatNumber/formatPercent が入口に存在した。⁠ formatCurrency は ⁠JPY/ja-JP が既定⁠（¥1,234,567 を設定ゼロで）・signed・compact（1.2万）に対応。⁠銀行画面で最大の収穫——¥の整形を手組みしなくていい。doc コメントには #32/#33 が手組みしていたと書いてある。全部に使った、気持ちよかった。⁠

⁠「#33 で不足を見つけて埋めた → #34 の別の AI が見つけて使い、最大の勝因と呼んだ」⁠——出した翌回に次の AI が拾う、複利ループの理想形です。さらに ⁠#31 の ToggleGroup disallowEmpty(#170) は 入金/出金/すべて の segmented control に使われ、3回連続で検証⁠され、DataTable のアクセシビリティ（th scope/aria-sort・#123）・Badge の色調(#106)・EmptyState headingLevel(#104) も再び称賛されました。

新しい欠落は データテーブルの "実運用" の層

• 🟠 ⁠DataTable に、画面幅に応じてテーブル→カードへ切り替えるモードが無い⁠（min-w-[720px] 固定でモバイルは横スクロール）。明細はモバイル閲覧が最多なのに、予備知識ゼロの AI はカード版を手組み（#190・最大の欠落）。
• 🟠 DataTable の絞り込みが⁠単一列のみ・並べ替え/絞り込みの状態が非公開⁠で、絞り込み後の合計を出せない（#126 を再確認。複数条件の絞り込みは、別コンポーネントの FilterButton が良いと称賛）。
• 🟠 ⁠CSV の書き出しが無い⁠（#189）。
• 🔴 ⁠Statistic の値が、桁の途中で改行される⁠（−¥1,055,9/60・2列のモバイルで）（#188）。

今ラウンドの修正

ソースで安全な2つを反映（PR#191）:

• ⁠toCsv/downloadCsv⁠（#189・BOM＋RFC-4180 のクォート・.pen 不要の Utility として公開）＝ データ/明細/管理が毎回手組みしていたやつ。
• ⁠Statistic の桁途中の改行を修正⁠（#188・overflow-wrap:anywhere→break-words tabular-nums・⁠ブラウザ実証で −¥1,055,960 が、2列 375px でも1行⁠）。

テーブル→カード(#190・最大)・複数条件/状態の公開(#126) は課題に記録/再確認。⁠正直な訂正⁠: 予備知識ゼロの AI が「ページネーションのラベルが英語で固定」と書きましたが、goToPage/pageSummary は DataTableLabels に⁠ちゃんとあります⁠＝誤認（ラベル設定用の API を見つけ損ねた）。盛らない。

学び

#33: ¥の整形処理の不足を見つけて埋める(#180)
#34: 次の AI がそれを見つけて全面採用・最大の勝因と呼ぶ

⁠埋めた欠落が、次の回の "強み" になる。⁠ しかも今回はそれが「出した翌回」に起きました——複利の回転が速い。同じ銀行でも、フォーム→チャート→明細と層を変えるたび、別の欠落と別の検証が出てきます。

次回予告（やってみた #35）

• ⁠銀行をもう1枚⁠（ローン審査 / カード明細）か、隣接の数字業界（会計 / 給与）へ。

試す

• ⁠gunjo.jp⁠ ／ npm @gunjo/ui ／ ⁠GitHub⁠
• 前回まで: #1〜#33
• ⁠GunjoUI by UIXHERO⁠

まだ alpha。埋めた欠落が、翌回に強みとして返ってきた回。