専門家コミュニティアプリ
歯科医師が臨床映像をアップロードし、同僚の歯科医師と症例を共有する専門家コミュニティアプリを開発・保守しました。アプリは外枠だけをアプリにし、内側の画面をWebで描く構造のため、両者の境界でロードのタイミング・リンク移動・ログイン状態がずれやすくなります。映像が中心のサービスで、一覧、再生、詳細へと進む道筋が途切れると、サービスの役割がそのまま損なわれます。外注業者ではなく、発注企業の社内開発チームに合流して一緒に働きました。
アプリの枠の中にWeb画面を収める構造
歯科医師コミュニティアプリは、外枠をアプリで、内側の画面をWebで作った構造です。Webで作った画面がアプリの中で自然に動くよう、Web画面への入り方、画面間の切り替え、外部リンクの開き方を決めました。今見ている画面がWebかアプリかをユーザーが気にせずに済むことが基準でした。

一覧から再生、詳細まで途切れない臨床映像
歯科医師がアップロードした臨床映像が、このコミュニティの中心です。映像の一覧を眺め、映像に入って再生し、詳細画面へ移る間、Webで作った映像コンテンツがアプリの中で途切れてはいけませんでした。この流れで起きる問題を画面単位で見つけて直しました。

同僚の歯科医師同士で症例を分かち合う専門家向けの画面
歯科医師コミュニティアプリのユーザーは一般の消費者ではなく、歯科医師です。歯科医師が臨床映像と症例を確認し共有するコミュニティ画面を開発・保守しました。専門家向けのサービスはコマースや金融アプリと情報構造が異なるため、情報を伝え、探していく流れをその使い方に合わせて組み立てました。

ロード・リンク・ログイン状態、アプリとWebの境界の保守
アプリの枠の中に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…



