新都市のバス情報地図サービス
広域自治体が新都市の住民のために作ったバス情報Web地図サービスの開発に参加しました。住民は路線ごとのバスの位置と停留所ごとの到着予定時刻を地図上でリアルタイムに確認します。まだ公共交通に慣れていない新しい入居者が使う情報なので、路線・停留所・バスがひと目で読めなければ使う理由がありませんでした。石油精製会社のWeb地図で培った地図技術を公共交通向けに広げ、交通データを地図画面までつなぐ作業を担当しました。
バスがいまどこにいて、いつ来るかを見せる地図
新都市バス情報地図サービスは、住民が路線ごとのバスの位置と到着情報をWeb地図上でリアルタイムに確認する公共サービスです。バス情報システムでは、バスごとに付けた端末が衛星で捉えた位置をセンターに送り、センターはその位置から停留所ごとの到着予定時刻を計算して、インターネットと停留所の案内表示板に出します。Web地図は、住民がバスに乗りに出る前にその情報を確かめる窓口です。バス路線をまだ知らない新しい入居者が主に使う情報なので、地図を開けば停留所と近づくバスがすぐ見えなければなりませんでした。この画面を実装する開発に参加しました。

路線・停留所・バスを1枚の地図に重ねた可視化
バス情報は、路線、停留所、バスの位置、到着情報が互いに絡み合ったデータです。バス情報サービスを開く住民が知りたいことは、たいてい二つです。自分が乗る停留所はどこか、自分のバスはいま何停留所手前にいるかです。表に並べると、住民は自分の路線を探すところからつまずきます。4つを地図上に一緒に描き、どの路線のバスがどの停留所の近くまで来ているかを1枚の地図で読めるようにしました。

石油精製会社の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…



