#57スコア 4/5医療・ヘルスケア

AI に看護記録を作らせてみた — 静かな回でも、Textarea の積み残しと「追記のみ記録」が出た（やってみた #57）

ルート: /nursing-record
デスクトップ表示
モバイル表示

375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。

解説記事

AI に看護記録を作らせてみた — 静かな回でも、Textarea の積み残しと「追記のみ記録」が出た（やってみた #57）

やってみたシリーズ: 自作のデザインシステム @gunjo/ui（群青）を、文脈ゼロの cold な AI に実 UI で作らせる連載。医療5枚目——看護記録 / SOAP 経過記録（SOAP記録 × 署名→追記のみの法的記録 × 看護問題/診断 × ケア計画 × 申し送り）。

#53 スキャン・#54 入力・#55 レビュー・#56 オーダーと続いた医療で、今回は記録（ドキュメンテーション）レイヤー。SOAP（主観/客観/評価/計画）で経過を書き、署名すると追記しかできない法的記録になる。テキストと時系列が主役の、これまでと別の作法。

結果 — 4/5

tsc/build 緑・console 0・375px・SOAP 4項目記入→署名で read-only ロック→追記（元記録は保持）・看護問題の解決・ケア項目のトグル・申し送り・h1 1個。

静かな回 — でも2つ出た

医療5枚目は、これまでの primitive（FormField/Timeline/Tabs/Card/Badge）でほぼ組めた静かな回。それでも2つ出た:

① Textarea の積み残し → 直した

cold AI が指摘:

Textarea has no label, no char-count, no autosize — it's a bare <textarea> (unlike Select/Checkbox/Switch/RadioGroup which all ship label+description+aria).

Textarea だけが、兄弟の入力部品が全部持つ label/description を持っていなかった——明確な一貫性/a11y の積み残し。Select と同じ実装で label/description を追加（#245・PR #247）。後方互換（無指定なら素の textarea）。業界を深掘りしていると、基礎部品の小さな抜けも炙り出される——SOAP の4項目を全部 textarea で書く画面だから気付けた。

② 「追記のみの署名記録」primitive 不在 → 起票

最大の穴は、追記のみの法的記録だった:

Missing higher-order primitive: an append-only signed/legal-record component. 「draft → sign (who+when) → sealed read-only → addendum chain」をモデル化する部品が無い。ApprovalSteps/Stepper は線形のワークフロー承認で、不変の記録ではない。readOnly/sealed/signedBy の概念がどこにも無い。

カルテ・経過記録・手術記録など、臨床記録の核心——一度署名したら原文は変えられず、追記（addendum）しか足せない。手で組めたが、SignedRecord/AppendOnlyLog（著者+時刻のエントリ・sealed 状態・追記チェーン）が理想。#246・1回目（手術記録/同意書で再出現を待つ）。

うまくいった点

  • FormField/FormControl — SOAP 4 textarea が label[for]→textarea ＋ aria-describedby で自動配線、id 手当てゼロ。
  • Timeline — 逆時系列の署名済みノートログにそのまま（marker variant=署名済/下書き・TimelineTime・任意 children）。手組みせず。
  • Tabs（記録/問題/計画/申し送り・badge カウント）・Badge/Alert（署名済/達成・色だけに依存しない）・Checkbox・Select・Dialog（追記/申し送り）・CardTitle as も。

学び — 深掘りは「大きな穴」だけでなく「小さな抜け」も出す

#56 処方: ReferenceValue/SafetyBanner（大きな安全 primitive を2つ build）
#57 看護記録: Textarea の label 抜け（小さな一貫性 fix）＋ 追記記録の起票

業界を深掘りすると、毎回 primitive が3回目を踏むわけではない。今回のような「記録」レイヤーは既存部品でほぼ組めた静かな回。それでも、SOAP を全部 textarea で書く画面だからこそ Textarea の label 抜け が見え、法的記録だからこそ 追記のみ記録 の不在が見えた。静かな回は"何も出ない"ではなく"小さいものが出る"——基礎部品の最後の磨きは、こういう回で進む。

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

  • 医療＝手術記録/麻酔記録で CoSignField#239（2人署名）の3回目・追記記録#246 の2回目を狙う。これも静かなら医療を一旦まとめて別業界へ。

試す

まだ alpha。静かな記録の回でも、Textarea の積み残しを直し、追記記録の不在を起票した回。

<!-- 公開前: 相互URL差込／スクショ確定／EN(dev.to)ミラー -->

使用した @gunjo/ui コンポーネント

この画面のソースが直接 import している部品です。

AlertAlertDescriptionAlertTitleBadgeButtonCardCardContentCardDescriptionCardFooterCardHeaderCardTitleCheckboxDialogDialogContentDialogDescriptionDialogFooterDialogHeaderDialogTitleFormFormControlFormDescriptionFormFieldFormLabelInputSelectSeparatorTabsTabsContentTabsListTabsTriggerTextareaTimelineTimelineItemTimelineTimeTimelineTitle

cold AI が組み上げた実コード

ファイル名をクリックでソースを展開できます。