政府省庁の知識ポータル
政府省庁の知識・政策情報を互いの関係で結び、単語ではなく意味でたどれるようにした公共情報ポータルの画面を開発しました。情報同士の関係が画面に表れなければ、手間をかけて結んだデータもキーワード検索の結果一覧と変わらなく見えます。情報探索の画面、情報同士の関係と文脈を示す画面、検索から選択・詳細確認へと続く操作を担当しました。
単語ではなく意味でたどる政策情報
政府の知識ポータルは、膨大な知識・政策情報を意味と関係で結んだ公共情報サービスです。情報ごとに何についてのものか、ほかの情報とどうつながるかをデータとして記し、単なるキーワード検索を超えて意味でたどれるようにしたポータルでした。政府が意味ベースの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…



