複数画像をきれいに並べてコメント付き報告書を作成するWEBサービスを開発

https://sakotun.github.io/ho-mon-report-tool/

1. 開発のきっかけ

介護老人保健施設での自宅訪問や家屋調査では、多くの写真を撮影し、それらを報告書としてまとめる作業が発生します。

従来はWordやExcelへ写真を貼り付け、

• 写真サイズ調整
• レイアウト調整
• コメント入力

といった作業を手作業で行っていました。

写真枚数が増えるとレイアウト崩れも発生しやすく、報告書作成に時間がかかることが課題でした。

そこで、

ブラウザだけで動作する報告書作成専用ツール

を開発しました。

2. システム概要

本システムでは複数の画像を登録し、

• タイトル
• コメント
• 備考

を入力するだけで、レイアウト済みの報告書を自動生成できます。

出力形式は

• PDF
• JPEG

の両方に対応しています。
画像にしたら電子カルテシステムに登録できる！〇イズマンには登録できるサイズとなっています。

3. 主な機能

複数画像登録

画像を一括で登録可能です。

最大36枚まで登録でき、画面上には現在の登録状況も表示されます。

登録画像数：18 / 36枚
出力ページ数：3 / 6ページ

ドラッグ＆ドロップによる並び替え

登録した画像はドラッグ＆ドロップで自由に並び替え可能です。

訪問順や説明順に合わせて簡単に調整できます。

画像トリミング

不要な部分を除去するためにトリミング機能も実装しました。

撮影時に余計な背景が写り込んでいても簡単に修正できます。

タイトル・コメント入力

各画像ごとに

• タイトル（40文字以内）
• コメント（120文字以内）

を入力できます。

報告書として必要な説明を画像ごとに記録できます。

備考ページ

写真とは別に備考ページを作成できます。

長文の補足説明や訪問時の所見などをまとめて記録できます。

5. 出力仕様

レイアウト

• A4縦
• 2列 × 3行
• 1ページ最大6枚

制限

ページ番号

出力時にはページ番号を自動付与します。

20260620-1/4
20260620-2/4
20260620-3/4
20260620-4/4

備考ページもページ数へ含まれます。

6. 完成して感じたこと

実際に使ってみると、

WordやExcelで1件ずつ報告書を作成していた頃と比べて大幅に作業時間を短縮できました。

また、

• ブラウザだけで動作
• サーバー不要

という点も大きなメリットです。
なぜなら個人情報が厳しくてもこのシステムはインターネットに画像データを送信しません。サーバーに保存もしません。
メモリ上で動作するため外部にデータが出ません。情報漏洩に関してはセキュアな環境です。 現場業務で実際に使えるレベルのツールに仕上がったんじゃないでしょうか。

7. 今後の展開

今後はさらに以下の機能を検討しています。

• JPEG一括ZIP出力
• プロジェクト保存機能
• テンプレート機能
• ロゴ挿入
• 図形挿入機能(手すりの位置とか矢印とか入れたいね)

まずは実運用を行いながら改善を続けていきたいと思います。