ポイント会員アプリの機能開発
複数の加盟店でポイントを貯めて使う統合会員アプリの、新規機能開発と保守に参加しました。会員はこのアプリでポイント残高と利用履歴を確認し、ポイントを使える店舗を探し、ミッション・イベントに参加してポイントを貯めます。ポイント照会、イベント、特典のようによく開く画面にアプリ画面とWeb画面が混在しており、両者が接する境界で起きる問題を担当しました。利用者の多いサービスなので小さな画面修正もすぐ多くの人に届くため、直すたびに既存の画面がそのまま動くかをまず確認しました。作業はアプリの機能からWeb画面の修正、サーバー応答の修正支援まで続きました。
ポイント照会からイベントまで、よく開く画面への機能追加
統合会員アプリで、ユーザーがよく開くポイント照会、イベント、特典の画面に機能を加え、修正しました。イベント・特典画面は、会員がミッションやイベントに参加してポイントを受け取る場所です。これらの画面はアプリ画面とWeb画面が混在しているため、同じ機能でもアプリとWebのどちらで直すか境界を合わせる必要がありました。利用者の多いサービスなので、修正一つがすぐ多くの人に届きます。機能を加えるたびに、既存の画面がそのまま動くかを改めて確認することを優先しました。

古いWeb表示エンジンから新しいエンジンへ移しながら合わせた動作
会員アプリ内のWeb画面は、古い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…



