医療UIのコールドテスト — 文脈ゼロの AI に gunjo/ui で 7 画面を組ませた記録
与薬・バイタル・処方・手術記録・退院サマリまで、医療現場の7画面を文脈ゼロの AI に組ませました。3点認証・ハイアラート薬・2人確認・署名ロック——「間違いが命に届く」UI の作法から、ScanGate / ReferenceValue / SafetyBanner / CoSign / SignedRecord の5つの汎用部品が結晶化していった過程。
医療・ヘルスケア の cold test、7 画面のまとめ。
なぜ医療 UI は難しいのか
医療画面の難しさは、画面の派手さではなく「一文字の取り違えが患者に届く」という構造そのものにあります。正しい患者・薬剤・時間を機械的に保証する3点認証、ハイアラート薬(インスリン・ヘパリン・抗がん剤)に対する専用の警告、ダブルチェックを画面の上にきちんと残す仕組み、署名すれば追記しか許されない法的記録、基準値や用量レンジで「数の意味」を読むレポート——どれも「綺麗に並んでいる」だけでは成立しません。一般的なフォーム部品が、医療では「足りない」のではなく「危ない」のです。
ここで結晶化した部品
医療7画面(#53〜#59)の cold test で、3-confirm を満たして実装まで到達した汎用部品です。どれも医療専用ではなく、業界を越えて再利用できる形でデザインシステムに組み込まれています。
- ScanGate#53
バーコードを読んで「正しい3点」が揃わない限り次に進めない安全ゲート。倉庫の受け入れから医療の与薬まで横断。
- ReferenceValue#56
数値とその「基準値・用量レンジ・H/L フラグ」をひと組で扱う表示プリミティブ。検査値・処方・バイタルの共通床。
- SafetyBanner#56
アレルギー・相互作用・ハイアラート薬といった「画面に残し続けるべき警告」専用の常駐バナー。Alert より重い責務。
- CoSign#58
2人確認(ダブルチェック)を UI 上で形式化するプリミティブ。手術記録の器械カウントや麻薬・輸血のように、独立した2人の合意が要る操作に使う。
- SignedRecord#59
署名するとロックされ、以降は追記しかできない法的記録の枠。看護記録・手術記録・退院サマリで3-confirm を満たして実装に到達した。
Textarea / Input は同じ医療シリーズ内で fix が land しました。「数の意味を持つフィールド」というパターンが、ここで初めて視野に入っています。
医療・ヘルスケア の全ラウンド
医療・ヘルスケア カテゴリの 7 画面を、ラウンド順に並べています。各カードから cold AI が組んだソース、解説記事、デスクトップ/モバイルのプレビューに飛べます。

/medication物流を6枚やり切って、**全く別の業界=医療**へ。1枚目は与薬(ベッドサイドで看護師が薬を渡す画面)。医療安全の核心——**3点認証**(患者リストバンド→薬剤→指示の照合)で「正しい患者・薬剤・時間」を機械的に保証する作法。

/vitals#53 与薬(バーコード安全ゲート)と**真逆**の、時系列の臨床データ入力+レビュー。体温/血圧/脈拍/SpO2 を記録し、**基準値に対して H/L/異常をフラグ**し、温度板で数日のトレンドを見る——スキャンではなく"値を範囲で判断する"医療の作法。

/lab-results#53 与薬(スキャン安全)、#54 バイタル(時系列入力)に続く医療3枚目。今回は**密なレポートのレビュー**——区分別(血液一般/生化学/凝固…)の検査値を、基準値に対して H/L/パニック値でフラグし、推移を見て、パニック値を確認する。

/prescription#53 与薬(看護師が渡す)と別作法の、医師が薬を**処方する**画面。採用薬を選び、用量を入れ、アレルギー・相互作用・用量レンジをチェックし、署名する。医療安全の3つの穴が、この画面で揃って3回目を踏んだ。

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

/surgery手術室の周術期記録。WHO 安全チェックリスト(サインイン/タイムアウト/サインアウト)、器械カウント照合、麻薬・輸血——**至るところで「2人確認(ダブルチェック)」が要る**画面。医療安全の核心作法が、1画面に何度も現れる。

/discharge-summary入院の最後、医師が退院サマリを作成・確定・署名する画面。署名したら**追記しかできない法的記録**になる。#57 看護記録・#58 手術記録に続いて、同じ「署名→ロック→追記」の作法が3回目を踏んだ。
この業界が gunjo に残したもの
医療は、5つの新しい部品と「責任の重い操作」の作法を群青に残しました。ScanGate は元は倉庫の受け入れ画面から来た部品が、患者リストバンドの3点認証で再発見されたもの。CoSign は手術記録の2人確認で固まりましたが、契約承認や高額決裁にもそのまま使えます。SignedRecord(署名→ロック→追記)も、看護記録・手術記録・退院サマリの3画面で独立に手組みされ、3-confirm を満たして実装に至りました。「医療っぽい部品」ではなく、「重い操作を扱うすべての画面」の床になっています。