施工技術者向け現場点検アプリ
家具・インテリア企業の訪問技術者が、顧客宅で点検項目、顧客の要望、点検結果を記録する社内アプリを単独で開発しました。この企業はキッチン・浴室の施工と家具の設置を自社の技術者が直接担い、設置後のアフターサービス訪問も同じ技術者が行います。点検項目は種類も入力方式もさまざまで、技術者は現場の状況に応じてタブレットとスマートフォンの両方を使います。記録が漏れたり混ざったりすると顧客の要望がきちんと処理されないため、画面遷移と入力状態を一つずつ点検しました。
種類の異なる点検項目を一つの画面の流れに収めた点検表
現場点検アプリの点検項目は、種類も入力方式も多様です。種類ごとに画面を分けず、さまざまな種類の項目を一つの画面の流れの中で一貫した形に表示しました。技術者が現場ですばやく確認し入力できるよう、項目の情報構造と入力の順序を整理しました。

顧客の要望と点検結果を漏れなく残す記録画面
訪問技術者は設置後のアフターサービス訪問で点検をしながら、顧客の要望と点検結果をアプリに記録します。現場の仕事はその場でいくつもの作業が重なりやすく、入力が漏れたり別の内容と混ざったりします。画面を行き来する間に入力した内容が消えたり食い違ったりしないよう、画面遷移と入力状態を点検しました。

タブレットとスマートフォンで同じ機能を使えるレスポンシブ配置
訪問技術者は現場の状況に応じて、タブレットとスマートフォンの両方を使います。端末ごとに異なる解像度、画面の向き、入力領域を考慮し、同じ機能をどの端末でも無理なく使えるよう構成しました。一つの画面設計が二つの端末サイズに合わせて伸び縮みするようにしました。

便利機能なしで配置ルールだけで合わせた多項目レイアウト
現場点検アプリを作っていた当時の開発環境には、画面要素を自動で並べてくれる便利機能が限られていました。項目の多い点検画面は、要素同士の間隔と整列を一つずつルールとして定めて合わせ、そのルールがタブレットとスマートフォンの両方で安定して合うかを確かめました。このアプリは、代表が独立開発者として初めて一人で最後までやり遂げたプロジェクトです。

この仕事のポイント
種類も入力方式も異なる点検項目を一つの流れにまとめた画面
点検結果と顧客の要望を漏れなく残す記録の流れ
タブレットでもスマートフォンでも同じ機能
インサイト
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…



