TH Micro Software
Case study · Healthcare

治療計画管理アプリケーション

治療計画管理ウェブアプリ(Vue.js) — 診察券番号検索、治療計画作成、確認ワークフロー、CSV出力、スタッフ間連絡用Chatwork API連携。

Vue.js
モダンSPAアーキテクチャ
Chatwork
リアルタイムメッセージ連携
CSV
日付指定データエクスポート
グリーン
パンダマスコットブランディング
クライアント
日本歯科・医療法人クライアント
業界
医療・ヘルスケア
開発期間
5ヶ月
チーム規模
3
Vue.jsNode.jsChatwork APIPostgreSQL
課題

ビジネス課題

あるクリニックでは、患者の治療計画を管理し、既存のコミュニケーション基盤であるChatworkと連携してスタッフ間の業務調整を行える軽量なウェブアプリを必要としていました。

アプローチ

私たちのソリューション

Node.jsバックエンドを備えたVue.js SPAを構築しました。メイン画面では診察券番号による検索と「治療計画」「本人確認」への直接アクセスが可能。CSV出力モジュールは日付範囲によるデータ抽出に対応。Chatwork API連携により全スタッフへの一括メッセージ送信や医師ごとのチャットルーム割り当てを実現しました。

01 · 詳細

治療計画管理

診察券番号による検索と、「治療計画」および「本人確認」の独立したワークフロー。パンダのマスコットキャラクターをあしらった清潔感のある緑基調のUI。

02 · 詳細

治療計画作成画面

分割画面レイアウト:左側で患者情報を入力し、右側で治療計画を選択、意思決定とコメントを記録。

03 · 詳細

CSVデータ出力

日付範囲でレコードを絞り込み、個別の操作ボタンを備えたデータ出力画面。全スタッフへ一括通知するChatwork送信ボタンを搭載。

04 · 詳細

Chatwork API連携管理

API連携設定画面:エンドポイントURL、ルームID、ARトークン、チャットネットワーク、医師別Chatworkルーム割り当て機能。

Screenshots

実際の製品インターフェース

結果

導入後の成果

Vue.js
モダンSPAアーキテクチャ
Chatwork
リアルタイムメッセージ連携
CSV
日付指定データエクスポート
グリーン
パンダマスコットブランディング

次のプロジェクトを一緒に構築しましょう。

営業担当者を介さず、当社のソリューションアーキテクトに直接お問い合わせください。