社内業務イントラネット構築
保険分野の公共機関の職員が内部業務を処理する社内イントラネットを構築しました。公共機関の内部システムは、入力し、照会し、画面を移るという基本動作が揺らぐと、その上の業務も一緒に止まります。イントラネットの画面と業務機能、職員がたどる入力の流れを実装し、Webブラウザの中でデスクトッププログラムに近い操作ができるようにしました。
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…



