コールドテスト

医療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 を満たして実装まで到達した汎用部品です。どれも医療専用ではなく、業界を越えて再利用できる形でデザインシステムに組み込まれています。

Textarea / Input は同じ医療シリーズ内で fix が land しました。「数の意味を持つフィールド」というパターンが、ここで初めて視野に入っています。

医療・ヘルスケア の全ラウンド

医療・ヘルスケア カテゴリの 7 画面を、ラウンド順に並べています。各カードから cold AI が組んだソース、解説記事、デスクトップ/モバイルのプレビューに飛べます。

AI に与薬・3点認証を作らせてみた — 倉庫用に作ったスキャンが、患者安全に効いた(やってみた #53) preview
#53スコア 4/5
AI に与薬・3点認証を作らせてみた — 倉庫用に作ったスキャンが、患者安全に効いた(やってみた #53)
/medication

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

AI にバイタル・温度板を作らせてみた — 「基準値フラグ」という医療の核心部品が無かった(やってみた #54) preview
#54スコア 4/5
AI にバイタル・温度板を作らせてみた — 「基準値フラグ」という医療の核心部品が無かった(やってみた #54)
/vitals

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

AI に検査結果レポートを作らせてみた — 医療の3つの穴が、揃って「2回目」になった(やってみた #55) preview
#55スコア 4/5
AI に検査結果レポートを作らせてみた — 医療の3つの穴が、揃って「2回目」になった(やってみた #55)
/lab-results

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

AI に処方オーダを作らせてみた — 「3回待った」2つの穴を、同じ回でまとめて build した(やってみた #56) preview
#56スコア 4/5
AI に処方オーダを作らせてみた — 「3回待った」2つの穴を、同じ回でまとめて build した(やってみた #56)
/prescription

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

AI に看護記録を作らせてみた — 静かな回でも、Textarea の積み残しと「追記のみ記録」が出た(やってみた #57) preview
#57スコア 4/5
AI に看護記録を作らせてみた — 静かな回でも、Textarea の積み残しと「追記のみ記録」が出た(やってみた #57)
/nursing-record

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

AI に手術記録を作らせてみた — 1画面で4回出た「2人確認」を、ついに primitive に(やってみた #58) preview
#58スコア 4/5
AI に手術記録を作らせてみた — 1画面で4回出た「2人確認」を、ついに primitive に(やってみた #58)
/surgery

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

AI に退院サマリを作らせてみた — 3画面が同じ「署名→ロック→追記」を手組みしたので、SignedRecord に(やってみた #59) preview
#59スコア 4/5
AI に退院サマリを作らせてみた — 3画面が同じ「署名→ロック→追記」を手組みしたので、SignedRecord に(やってみた #59)
/discharge-summary

入院の最後、医師が退院サマリを作成・確定・署名する画面。署名したら**追記しかできない法的記録**になる。#57 看護記録・#58 手術記録に続いて、同じ「署名→ロック→追記」の作法が3回目を踏んだ。

この業界が gunjo に残したもの

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