社内業務管理システム
国の試験・認証機関の職員が行政・管理業務を一つのシステムで処理する、社内業務管理システムの画面を開発しました。職員が毎日繰り返し使う画面なので、流れが分かりにくかったり動作が不安定だったりすると、その不便が毎日積み重なります。多様な業務機能を一つのシステムにまとめた画面構造、入力・照会・一覧・詳細の画面、Webブラウザの中でデスクトッププログラムのように使える操作を担当しました。
多くの業務を一つのシステムで処理する画面構造
社内業務管理システムは、組織運営に必要な行政・管理機能を一つのシステムで処理するために作られたシステムです。多様な業務機能を一つのシステムの中で使えるよう、主要画面の構造を組みました。機能が増えても、職員が今どの業務を見ているかを見失わないことが、構造を決める基準でした。

入力から詳細まで一つの流れでつながる業務画面
行政・管理業務はたいてい、入力し、照会し、一覧から選び、詳細を確認する順で進みます。社内業務管理システムの入力・照会・一覧・詳細の画面を実装しながら、ある画面から次の画面へ移る流れが明確になるよう構成しました。 一覧で選んだ項目がそのまま詳細へつながり、詳細から一覧へ戻る道が明確であってこそ、同じ仕事を毎日繰り返しても無駄足がありません。

毎日繰り返し使う人を基準にした安定性
社内の業務画面は、同じ職員が同じ仕事を毎日繰り返す画面です。そのため、目を引く装飾より、明確な流れと安定した動作を重んじました。一度覚えた手順がそのまま通じ、操作が毎回同じ結果を出してこそ、毎日使う人は疲れません。

ブラウザの中でデスクトッププログラムのように動く操作
社内業務管理システムはWebブラウザで開くシステムですが、複雑な業務機能をデスクトッププログラムのように使えるようにしました。画面部品とユーザー操作の処理を活用して、業務画面と操作を開発しました。職員の席ごとにプログラムを別途インストールしなくても、ブラウザさえあれば同じ画面を使えます。

この仕事のポイント
多様な行政・管理機能を一つのシステムにまとめた画面構造
入力・照会・一覧・詳細へとつながる業務画面
Webブラウザでデスクトッププログラムのように使える操作
インサイト
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



